Функциональные блочные элементы языка HTML, гипертекстовые ссылки, Web-графика, форматирование текста
Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такую часть документа рассматривают как элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег <BODY>, основное содержание документа и закрывающий тег </BODY>. Весь документ HTML можно рассматривать как «элемент HTML. Для непарных тегов элемент совпадает с тегом, который его определяет.
Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <BODY> и </BODY>, то есть, внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.
Теперь можно сформулировать правила вложения элементов.
· Элементы не должны пересекаться. Другими словами, если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.
· Блочные элементы могут содержать вложенные блочные и текстовые элементы. о Текстовые элементы, могут содержать вложенные текстовые элементы. в Текстовые элементы не могут содержать вложенные блочные элементы.
Строго говоря, все правила языка HTML можно рассматривать исключительно как «пожелания». Средство, используемое для отображения Web-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.
Оформление текста электронных Web-документов отличается от оформления текстовых документов. Главное отличие - игнорирование обычной красной строки. Браузер игнорирует перенос текста на следующую строку в самом Web-документе:
Текст, вставляемый в Web-документ, может быть нужным образом отформатирован, а именно, можно изменить шрифт, его размер, цвет, начертание, выравнивание. Для выравнивания текста абзаца используйте параметр align тэга <p>:
В Блокноте
В браузере
<p align="left">Строка, выровненная по левому краю
<p align="right">Строка, выровненная по правому краю
<p align="center">Строка, выровненная по центру окна
Строка, выровненная по левому краю
Строка, выровненная по правому краю
Строка, выровненная по центру окна
Для увеличения или уменьшения высоты символов текста на стандартную величину, используйте тэги <big> и <small>:
В Блокноте
В браузере
Строка с обычными символами
<big>Строка с увеличенными символами</big>
<small>Строка с уменьшинными символами</small>
Строка с обычными символами
Строка с увеличенными символами
Строка с уменьшинными символами
Для изменения базовых параметров шрифта (размер, начертание, цвет) используйте тэг <basefont>. Новый размер шрифта задается параметром size:
Размер шрифта = 1
Размер шрифта = 4
Размер шрифта = 7
Вы можете изменить цвет шрифта. Для задания цвета, наиболее распространенные из них имеют названия:
Aqua Black Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal Yellow
White
Новый цвет шрифта задается параметром color:
В Блокноте
В браузере
<basefont color="fuchsia">Малиновый цвет
<basefont color="silver">Серебряный цвет
<basefont color="maroon">Темно-красный цвет
Малиновый цвет
Серебряный цвет
Темно-красный цвет
Можно изменить параметры шрифта относительно базовых значений, то есть "временно". Для этого используется тэг <font> с соответствующими паметрами:
В Блокноте
В браузере
<font size="-1">Размер шрифта уменьшин на 1
<font size="+3">Размер шрифта увеличен на 3
<font color="blue">Цвет шрифта - голубой
Размер шрифта уменьшин на 1
Размер шрифта увеличен на 3
Цвет шрифта - голубой
Для изменения физического начертания шрифта применяйте следующие тэги форматирования (не забудте указать парный закрывающий тэг):
В Блокноте
В браузере
<b>Выделение жирным шрифтом</b>
<i>Выделение наклонным шрифтом</i>
<u>Выделение подчеркиванием</u>
<strike>Выделение перечеркиванием</strike>
<tt>Шрифт с фиксированной шириной букв</tt>
Выделение жирным шрифтом
Выделение наклонным шрифтомВыделение подчеркиваниемВыделение перечеркиваниемШрифт с фиксированной шириной букв
Для отображений формул и индексов используйте тэги подстрочных символов <sub> и надстрочных символов <sup> (не забудте указать парный закрывающий тэг):
В Блокноте
В браузере
Формула воды - H<sub>2</sub>O
Кубическая функция: y = x<sup>3</sup>
Формула воды - H2O
Кубическая функция: y = x3
В зависимости от смыслового значения текста, его можно отформатировать логически. Способ выделения определяется браузером.
Текст шрифтом Ариал
Текст шрифтом Курьер
Текст шрифтом Таймс
В языке Web-страниц определено 4 специальных символа. Их нельзя вставлять в обычный текст, вместо этого необходимо использовать следующую замену:
Символ
Замена
<
<
>
>
&
&
"
"
В Блокноте
В браузере
f < kx<sup>2</sup>
M = <ab>
Торговый дом "От & До"
f < kx2
M = <ab>
Торговый дом "От & До"
Текст абзаца можно сделать "движущимся", т.е. оформить его в виде бегущей строки. Для этого используйте тэг <marquee>..</marquee>:
В Блокноте
В браузере
<marquee>Уходя выключай свет!!!</marquee>
При оформлении Web-страниц часто оформляют текстовые абзацы горизонтальной линией. Для включения горизонтальной линии в документ используйте тэг <hr>. При этом можно изменять параметры:
Параметр
Описание (Значения)
align=
выравнивание линии по окну ("left" - по левой границе,"center" - центрирование, "right" - по правой границе)
color=
Цвет разделительной линии
noshade
Плоская линия
size=
Высота линии в пикселах
width=
Ширина линии в пикселах или процентах от ширины окна браузера (число с %)
