Заголовки

Таблица

DIV

На строке 17 (и еще в нескольких местах) находится тег <DIV>.

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого [16]. Как правило, вид блока управляется с помощью стилей CSS.

Cодержимое тега <DIV> всегда начинается с новой строки. После него также добавляется перенос строки.

Параметры [2,16]:

• align –задает выравнивание содержимого тега <DIV>. Аргументы:
• center – выравнивание текста по центру;
• left (значение по умолчанию) – выравнивание текста по левому краю;
• right – выравнивание текста по правому краю;
• justify – выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю.
• title – добавляет поясняющий текст к контейнеру <DIV> в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на содержимом. В качестве аргумента принимает любую текстовую строку. Строка должна заключаться в двойные или одинарные кавычки.

На строке 21 находится тег <TABLE>.

Для добавления таблицы на веб-страницу используется тег -контейнер <TABLE> [17]. Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.

Для добавления строк используется тег <TR>. Чтобы разделить строки на колонки применяются теги <TD> и <TH>. Разница между этими тегами следующая. Тег <TH> предназначен для создания заголовков, содержимое такой ячейки обозначается жирным начертанием и выравнивается по центру. В остальном, действуют эти теги одинаково.

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

Чтобы понимать, что можно ожидать от таблиц, следует знать их явные и неявные особенности, которые перечислены далее:

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

Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Описание параметров таблицы и их значений приведено в табл. 2.2.

На строке 24 (а также 57) находится тег заголовка <H1> ( <H2> ).

Заголовки выполняют важную функцию на веб-странице [18]:

• они показывают важность раздела, к которому относятся, т.е. чем больше заголовок, тем более он значимый;
• с помощью различных заголовков легко регулировать размер текста, т.е. чем выше уровень заголовка, тем больше размер шрифта (самым верхним уровнем является уровень 1 ( <H1> ), а самым нижним – уровень 6 ( <H6> ));
• поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка.

Синтаксис создания заголовков следующий.

Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.