РАЗМЕТКА ТЕКСТА

Для размещения заголовков на странице предусмотрены теги заголовков, начинающихся буквой H от слова Header – заголовок, и заканчивающихся номером уровня заголовка. Номеров всего 6. Каждый уровень отличается от предыдущего меньшим размером шрифта.

Перед заголовком и после него заложен определенный отступ. Абзац является блочным элементом. Это значит, что он занимает всю ширину страницы и следующий за ним элемент будет размещен на новой строке ниже, а не правее на той же линии.

Для размещения абзацев на странице предусмотрен тег абзаца <P>, от слова “Paragraph” – абзац. Данный тег является контейнером. К нему прилагается атрибут выравнивания абзаца по горизонтали ALIGN, значениями которого могут быть слова:

LEFT – выравнивание по левому краю

RIGHT – выравнивание по правому краю

CENTER – выравнивание по центру

JUSTIFY – выравнивание по ширине

<P ALIGN=CENTER> На моей домашней странице Вы увидите фотоальбом с моим портретом и фото моих друзей, родственников и моей любимой собаки </P>

Однако в строгой версии HTML вместо атрибута ALIGN используется таблица стилей

<P STYLE="text-align: center;"> На моей домашней странице Вы увидите фотоальбом с моим портретом и фото моих друзей, родственников и моей любимой собаки </P>

С помощью тега <P> можно задать пустой абзац, то есть пустую строку. Абзац также как и заголовок является блочным элементом.

Внутри абзаца возможно выделять отдельные фрагменты текста: буквы, слова или предложения. Для этого их нужно заключить в следующие теги или использовать соответствующие свойства из таблиц стилей:

Чтобы перейти на новую строку внутри абзаца, используют тег <BR>, BR – сокращение от слова “Break” – разрыв. <BR> не является контейнером, что означает отсутствие закрывающего тега.

Если символов для представления текстовой информации на клавиатуре не хватает, то можно воспользоваться специальными символами типа приведенных в таблице [Более подробно http://ru.wikipedia.org/wiki/Википедия:Специальные_символы].

Символ пробел имеет код &nbsp. Бывает необходим, например, для создания таблиц с пустыми ячейками.

Тег-контейнер <BLOCKQUOTE> добавляет поля слева и справа от текста так, что текст сжимается к центу страницы при многократном применении его к одному и тому же фрагменту текста. Так как данный тег не добавляет никакого содержательного элемента на веб-страницу, а служит лишь для внешнего оформления, он признан устаревшим и в строгой версии HTML не используется.

Тег <FONT> пришел в HTML не сразу. Он не определяет никакого структурного элемента страницы. Он, благодаря своим атрибутам, определяет стилевое оформление текста, как и теги <B>, <I>, <U>. Font переводится как шрифт.

Атрибут SIZE определяет размер шрифта. Он может принимать значения от 1 до 7. Атрибут FACE задает тип шрифта. Причем можно задать сразу несколько вариантов шрифтов на тот случай, если при просмотре страницы на другом компьютере браузером не будет обнаружен заданный первый шрифт, тогда будет отыскиваться следующий по списку. Пример: <FONT FACE = “Arial, Comic Sans Ms, Wingdings”>

Атрибут COLOR определяет цвет шрифта. Его значениями могут быть либо одно шестнадцатеричное число из примерно 16 миллионов цветов, либо функция rgb(a, b, g), либо одно из следующих названий.

Например, <FONT COLOR = purple>

Однако с появлением каскадных таблиц стилей (CSS) тег FONT признан полностью устаревшим и не рекомендован к использованию. Вместо него используется таблица стилей, например,

<P style=”font-size: 24pt; color: aqua; font-family: Tahoma;”>

Если использовать число в качестве номера цвета, то необходимо поставить перед ним знак #, затем написать шесть 16-ричных цифр. Каждая пара цифр задает интенсивность красного, зеленого и синего луча. Например, #00FF00 определяет чистый зеленый цвет.

В Интернете по адресу http://www.imagitek.com/hex можно найти таблицу соответствия названия цветов 16-ричным числам, которую составил Calvin Htut. Здесь приведен ее фрагмент.

#000000   black

#000080   navyblue

#00008B   blue4

#0000CD   blue3

#0000EE   blue2

#0000FF   blue1

#006400   darkgreen

#00688B   deepskyblue4

#00868B   turquoise4

#008B00   green4

#008B45   springgreen4

#008B8B   cyan4

#009ACD   deepskyblue3

#00B2EE   deepskyblue2

#00BFFF   deepskyblue1

#00C5CD   turquoise3

#00CD00   green3

#00CD66   springgreen3

#00CDCD   cyan3

#00CED1   darkturquoise

#7FFF00   chartreuse1

#7FFFD4   aquamarine1

#828282   gray51

#836FFF   slateblue1

#838B83   honeydew4

#838B8B   azure4

#8470FF   lightslateblue

#D2B48C   tan

#D3D3D3   lightgray

#D4D4D4   gray83

#D6D6D6   gray84

#D8BFD8   thistle

#D9D9D9   gray85

#DA70D6   orchid

#DAA520   goldenrod

#DB7093   palevioletred

#DBDBDB   gray86

#DC143C   crimson

#DCDCDC   gainsboro

#DDA0DD   plum

Следующий тег выводит на страницу бегущую строку. Этот  тег не вошел в стандарт языка, но поддерживается большинством браузеров.

<MARQUEE> Бегущая строка </MARQUEE>

Для управления параметрами бегущей строки существуют следующие атрибуты:

Обычно на веб-странице размещается контактная информация, чтобы посетитель мог связаться с автором или владельцем веб-узла. Для оформления такой информации можно использовать тег <ADDRESS>.

<ADDRESS>e-mail: ivanov@yandex.ru</ADDRESS>

Как и в других языках программирования, в HTML есть тег комментариев.

<!- - комментарии …….  – – >

ЛОГИЧЕСКОЕ ФОРМАТИРОВАНИЕ ТЕКСТА

Теги логического форматирования предназначены в основном для отметки логических частей текстовой информации и явно не несут стилевого оформления. Но стилевое оформление для них (как и для других тегов) можно закладывать с помощью CSS – каскадных таблиц стилей.