Дополнительные теги для работы с текстом.
Благодаря дополнительным тегам, веб-мастер может придать страничке особый вид, а именно, выделить текст жирным, курсивом, подчеркнуть, перечеркнуть, создать верхний и нижний индекс, указать размер и цвет шрифта, вставить в текст разделительную линию по горизонтали.
< strong> < /strong> - этот тег предназначен для выделения текста или слова жирным начертанием. Или (< b> < /b>). < em> < /em> - этот тег предназначен для выделения текста или слова курсивом. < u> < /u> - этот тег предназначен для подчеркивания текста или слова. < s> < /s> - текст будет перечеркиваться. < SUP> < /SUP> - текст верхнего индекса (х2) < SUB> < /SUB> - текст для нижнего регистра (Н2О) < font> < /font> - этот тег предназначен для изменения цвета, размера и стиля шрифта в тексте. < hr> - этот тег предназначен для вставки горизонтальной линии в текст.
Предлагаю посмотреть пример:
| < html>
< head>
< title> Моя первая веб-страничка на HTML< /title>
< /head>
< body>
< strong> этот текст будет жирным. < /strong>
< em> этот текст будет выделен курсивом< /em>.
< u> этот текст будет подчеркнутый< /u>
Вниманиe акция! новая цена < s> 70 000 < /s> - 69 999 рублей! < s> < /s>
Х< SUP> 2< /SUP>
Н< SUB> 2 < /SUB> О
< hr> - этот тег предназначен для вставки горизонтальной линии в текст.
< /body>
< /html>
| Атрибуты «font»
font: SIZE | COLOR | FACE
SIZE – размер текста. Значение задается от 1 до 7. Также можно задавать значения в большую или меньшую сторону с помощью символов «+» и «-». COLOR – цвет текста. FACE – шрифт текста.
Предлагаю посмотреть пример:
| < html>
< head>
< title> Моя первая веб-страничка на HTML< /title>
< /head>
< body>
Это простой текст по умолчанию < br>
< FONT SIZE=" +2" COLOR=" #999999" > Увеличенный шрифт серого цвета на +2< /FONT>
< br>
< FONT SIZE=" -3" FACE=" Times New Roman
" COLOR=" red " > красный текст сделанный шрифтом Times New Roman «-3-го размера» < /FONT>
< /body>
< /html>
| Результат:
Атрибуты «HR»
HR: width | size | align | noshade | color
WIDTH – длина линии. Задается размер в (px / %). SIZE – толщина линии (px). ALIGN – выравнивание линии по горизонтали. У атрибута «align» есть необходимые значения: left – выравнивание документа по левому краю. right – выравнивание документа по правому краю. center – выравнивание документа по центру (используется по умолчанию). NOSHADE –закраска линии как сплошной. COLOR – цвет линии (работает только в Internet Explorer).
Смотрим пример:
| < html>
< head>
< title> Моя первая веб-страничка на HTML< /title>
< /head>
< body>
Текст до линии < hr noshade width=" 40%" align=" left" > Текст после линии < br>
А вот линия без флага noshade и толщиной 5px
< hr width=" 40%" align=" left" size =" 5" >
< /body>
< /html>
| Результат:
Теперь объединим эти примеры вместе и посмотрим результат:
Пример:
| < html>
< head>
< title> Моя первая веб-страничка на HTML< /title>
< /head>
< body>
Текст до линии < hr noshade width=" 40%" align=" left" > Текст после линии < br>
< FONT SIZE=" -3" FACE=" Times New Roman
" COLOR=" red " > А вот линия без флага noshade и толщиной 5px < /FONT>
< hr width=" 40%" align=" left" size =" 5" >
< /body>
< /html>
|
|