Урок 4: Продолжаем работать с текстом

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

- STRONG	Используется для выделения текста жирным
- EM	Используется для выделения текста курсивом
- U	Выделение текста подчеркиванием
- S	Перечеркивание текста
- SUP	Создание верхнего индекса
- SUB	Создание нижнего индекса
- FONT	Изменение цвета, типа, размера шрифта
- HR	Вставляет в текст горизонтальную разделительную линию

STRONG – выделяет текст, заключенный между открывающим и закрывающим тегами, жирным шрифтом. Раньше везде использовался тег < BOLD> (или < b>), в принципе его можно использовать и сейчас, но это не приветствуется поисковыми системами.

Если в теле документа написать:

< strong> Этот текст будет выделен жирным < /strong> < br>

< b> И этот тоже, но этим тегом лучше не пользоваться! < /b>

В браузере увидим:

Как видите, оба этих тега действуют одинаково. В программе Adobe Dreamweaver на панели форматирования текста написано " B "

(просто это название более старое и большинство веб-мастеров привыкли к нему), хотя при нажатии на эту кнопочку, в коде пишется тег < strong>;.

EM (Emphasis) – выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег < I>;, однако его лучше не использовать т.к. это не приветствуется поисковыми системами.

В программе Adobe Dreamweaver на панели форматирования текста написано " I ", хотя в коде пишется EM.

Приведу пример:

< em> Этот текст будет выделен курсивом < /em> < br>

< i> И этот тоже, но лучше пользоваться тегом EM < /i>

В браузере увидим:

U (Underline) – отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый:

Если в теле документа написать:

< u> Этот текст будет подчеркнутым!!! < /u>

Увидим в браузере:

S (Strike) – текст, помещенный между открывающим < s> и закрывающим < /s> тегами, будет перечеркиваться!

Например:

Внимание, акция! новая цена < s> 50 000 < /s> 20 000 рублей!

Результат:

SUP (Superscript) – отображает текст, заключенный между открывающим < SUP> и закрывающим < /SUP> тегами, как верхний индекс от основного текста.

Например:

2 < sup> 2 < /sup> = 4; < br>

2 < sup> 3 < /sup> = 8; < br>

2 < sup> 4 < /sup> = 16;

И что получим:

SUB (Subscript) – отображает текст, заключенный между открывающим < SUB> и закрывающим < /SUB> тегами, как нижний индекс от основного текста.

Приведу пример:

Формула спирта в химии – С < sub> 2 < /sub> Н < sub> 5 < /sub> ОН

И что мы получим:

FONT – позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим < font> и закрывающим < /font> тегами.

Атрибуты:

SIZE –определяет размер шрифта. Возможные значение – 1, 2, 3, 4, 5, 6, 7.

COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

FACE –определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех. Иначе гарантий нет!

Если в теле документа написать:

Это обычный текст < br>

< font size=" +2" color=" red" > Увеличенный красный шрифт < /font> < br>

< font size=" 3" face=" Courier New" color=" Violet" > Моноширинный фиолетовый текст 3 размера < /font>

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

Если написано size=" +2" то это означает увеличить на 2 единицы шрифт по сравнению со стандартным. Обычно стандартный размер шрифта равен 3.

Примечание: В дальнейшем (после изучения css) лучше вообще все, что связано с типом, размером и цветом шрифта делать через таблицы стилей. Это гораздо удобнее, тем более многие элементы форматирования текста, расположенные внутри элемента FONT, работают некорректно.

HR – служит для вставки в текст горизонтальной линии. Закрывающего тега нет!

Атрибуты:

WIDTH – определяет длину линии в пикселях или процентах от ширины окна браузера.

SIZE – толщина линии в пикселях.

ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

left – выравнивание по левому краю документа.

right – выравнивание по правому краю документа.

center – выравнивание по центру документа (используется по умолчанию).

NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR – задает цвет линии. Можно использовать либо RGB-значение в шестнадцатеричной системе, либо один из 16 базовых цветов. Атрибут работает только в Internet Explorer.

Например:

Текст до линии < hr noshade width=" 50%" align=" left" > После линии < br>

А вот пример линии толщиной 2px и без флага noshade

< hr width=" 50%" align=" left" size=" 2" >

Что мы увидим: