Чтобы визуально оформить и выделить текст в html применяют такие элементы:


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 = 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>

При просмотре в браузере увидим:

элемент 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>

Результат:

Электрон HR

Следующая страницаСписки в html

ПредыдущаяФорматирование текста в html