Чтобы визуально оформить и выделить текст в html применяют такие элементы:
- STRONG
- EM
- U
- SUB
- SUP
- FONT
- HR
STRONG
Выделяет текст жирным шрифтом:
<strong>Между этими тегами текст будет выделен жирным шрифтом</strong>
EM (Emphasis)
Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом:
<em> Этот текст будет выделен курсивом </em>
U (Underline)
Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый:
<u> Данный текст подчеркнутый </u>
SUB
Отображает текст, заключенный между открывающим <SUB> и закрывающим </SUB> тегами, как нижний индекс от основного текста.
Формула пропана С <sub> 3 </sub> Н <sub> 8 </sub>
Результат: С 3 Н 8
SUP
Используется для создания верхнего индекса. Например:
2 <sup> 5 </sup> = 32
Будет выглядеть 2 5 = 32.
FONT
Используется для изменения цвета, шрифта и размеров и текста.
Атрибуты:
SIZE – с помощью него можно менять размер шрифта. Возможные значение – 1 , 2 , 3 , 4 , 5 , 6 , 7.
COLOR – задает цвет текста.
FACE – для определения шрифта (Times New Roman, Arial, Tahoma)
Например:
Этот текст без оформления <br>
<FONT SIZE=”+2″ COLOR=”yellow”> Увеличенный желтый шрифт</FONT>
<br>
<FONT SIZE=”3″ FACE=”Tahoma” COLOR=”red”> Красный текст 3 размера</FONT>
При просмотре в браузере увидим:
SIZE=”+2″ это значит увеличенный шрифт на 2 единицы по сравнению со стандартным. Стандартный размер шрифта равен 3 .
HR
Применятся для вставки в текст горизонтальной линии. Отличительная особенность – нет закрывающего тега.
Атрибуты:
ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left – выравнивает по левому краю документа.
right – выравнивает по правому краю.
center – выравнивание по центру документа (используется по умолчанию).
WIDTH – применяется для определения длины линии в пикселах или процентах от ширины страницы.
SIZE – толщина линии в пикселах.
NOSHADE – с помощью этого атрибута линия закрашивается как сплошная. Без него – линия выглядит объемной.
COLOR – задаем цвет линии.
Например:
Текст до линии <hr noshade width=”40%” align=”left”> Текста после линии <br>
А это линия толщиной 3px без noshade
<hr width=”40%” align=”left” size =”3″> А здесь линия c noshade закрашенная в красный цвет <hr width=”40%” align=”left” color=”red” size =”3″ noshade>
Результат: