Оформление текста в html

Чтобы визуально оформить и выделить текст в 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 = 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

Рейтинг
( Пока оценок нет )
Добавить комментарий

NeuralCraft.ru