Главная
Уроки
Конспекты
Хостинг
Контакты



 

Какие бывают тексты и шрифты

На этом уроке мы изучим какие бывают виды шрифтов, как менять цвет шрифта и остальные операции, которые можно проделывать с текстами.

Посмотреть что к чему вы можете в таблице, приведенной ниже...

1 <a> текст между тэгами </a> Этот тэг в основном служит для создания гиперссылок(об этом попозже), но возможно его применение для выдачи текста на страничке сайта.
2 <p> текст между тэгами </p> Тэг <p> служит для создания нового параграфа. (Примечание: тексты этого сайта в основном стоят именно в этом тэге). При помощи параграфов мы сможем выравнивать тексты:
  • выравнивание по центру
  • - <p align="center"> текст </p>
  • выравнивание по левому краю
  • - <p align="left"> текст </p>
  • выравнивание по правому краю
  • - <p align="right"> текст </p>
  • выравнивание по ширине
  • - <p align="justify"> текст </p>

    На этом сайте я в основном использовал выравнивание по ширине <p align="justify">, ну а чтобы посмотреть, как будут выглядеть остальные виды выравниваний, проделайте это самостоятельно - и мне не надо показывать, и Вам практика - лучше запомните. Так что я надеюсь на Вас.
    3 <b> текст между тэгами </b> Тэг b выводит полужирный текст.
    4 <i> текст между тэгами </i> Тэг i выводит текст курсивом.
    5 <u> текст между тэгами </u> Тэг u выводит подчеркнутый текст.
    6 <h1>

    текст между тэгами

    </h1>
    Тэг H1 выводит заголовок. Самый крупный.
    7 <h2>

    текст между тэгами

    </h2>
    Тэг H2 выводит заголовок меньший чем H1.
    8 <h3>

    текст между тэгами

    </h3>
    Тэг H3 выводит заголовок меньший чем H2.
    9 <h4>

    текст между тэгами

    </h4>
    Тэг H4 выводит заголовок меньший чем H3.
    10 <h5>
    текст между тэгами
    </h5>
    Тэг H5 выводит заголовок меньший чем H4.
    11 <h6>
    текст между тэгами
    </h6>
    Тэг H6 выводит заголовок меньший чем H5. Самый маленький заголовок.
    12 <big> текст между тэгами <big> Тэг big выводит крупный текст.
    13 <small> текст между тэгами </small> Тэг small выводит мелкий текст.
    14 <s> текст между тэгами </s> Тэг s выводит перечеркнутый текст. Кстати, можно и <strike>
    15 <sup> текст между тэгами </sup> Тэг sup выводит текст верхним индексом.
    16 <sub> текст между тэгами </sub> Тэг sub выводит текст нижним индексом.
    17 <center>
    текст между тэгами
    </center>
    Тэг center центрует текст. Кстати, этот тэг можно применять не только для текста, но и для рисунков, таблиц...
    18 <li>
  • текст между тэгами

  • </li>
    Тэг li создает список.
    19 <tt> текст между тэгами
    </tt>
    Тэг tt создает текст, в котором все символы имеют одинаковую ширину, его еще называют моноширинным .
    20 <pre>
    текст      между тэгами 
    </pre>
    Тэг pre создает обычный текст, но вы можете поставить между эти м тэгом несколько пробелов, и они будут видимы.

    Что ж, с основными видами тэгов для текста мы разобрались. Теперь давайте поговорим о том, как можно поменять цвет текста, размер, шрифт и т.п.


    Менять параметры текста мы сможем при помощи тэга <font> </font>
    Давайте разберемся, что можно сделать при помощи этого тэга:

    <font color="#ff0000"> текст </font> - параметр "color" меняет цвет текста, расположенного между ним. Пример вы можете посмотреть справа в таблице.

    <font face="Comic Sans MS"> текст </font> - параметр "face" позволяет изменять шрифт, в моем примере это Comic Sans MS, попробуйте поиграть с изменением шрифта и его цвета.

    <font size="+1"> текст </font> - параметр "size" позволяет изменять размер шрифта, пример справа в таблице

    <font size="+2" face="Comic Sans MS" color="#339900"> сочетание параметров </font> - Все эти параметры можно и сочетать, пример в таблице.


    <font color="#ff0000"> текст </font>
    выглядит так: текст


    <font face="Comic Sans MS"> другой шрифт </font>
    выглядит так: другой шрифт


    <font size="+2"> другой размер </font>
    выглядит так: другой размер


    <font size="+2" face="Highlight LET" color="#008000"> сочетание параметров </font>
    выглядит так: сочетание параметров


    Применение тэга <font> </font>


    Без него не обойтись

    Для создания сайта нам везде нужно будет применять тэг <br>. Он служит для перевода текста на другую строку.

    Посмотрите как он работает:

    Это пример текста, с переводом строки при
    помощи тэга <br>.


    Здесь тэг <br> стоит после "перевода строки при..."



    На этом уроке мы узнали о том, что можно сделать с текстом в html-странице. Это очень важный момент, т.к. при создании странички это нам очень пригодится. Переходите к следующему уроку и вы скоро сможете смастерить полноценную страничку и поместить ее в сети Интернет.

     


    |Все уроки |
    | Назад | Главная | Следующий |

    | Главная | История HTML | Зачем нужен сайт | Уроки | Конспекты | Практическая работа | Тест | Скрипты | О хостинге | Контакты |