Синтаксис
<h1>Заголовок 1 уровня</h1> ... <h6>Заголовок 6 уровня</h6>
Параметры
align
Определяет выравнивание заголовка.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <H1>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <h1>Lorem ipsum dolor sit amet</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
<h2>Ut wisis enim ad minim veniam</h2> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </body> </html>
Примечание
Заголовки очень «любят» поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов <H1>:<H6>. По этой причине лучше всегда использовать эти теги, несмотря на то, что с помощью стилей любой текст можно установить большого размера и, тем самым, сделать его заголовком.
Описание параметров тега <H1>...<H6>
Параметр ALIGN
Описание
Выравнивание заголовка текста по краю.
Синтаксис
<h1 align="left | center | right | justify">...</h1>
Обязательный параметр
Нет.
Аргументы
left
Выравнивание заголовка по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.
justify
Выравнивание по ширине (одновременно по правому и левому краю). Этот аргумент работает только для заголовка, длина которого более, чем одна строка.
Значение по умолчанию
left
Аналог CSS
text-align
Пример 2. Выравнивание заголовка
<html> <body> <h1 align="right">Lorem ipsum dolor sit amet</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </body> </html>
Тег HEAD
Описание
Тег <HEAD> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <HEAD> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Содержимое тега <HEAD> не отображается напрямую на веб-странице, за исключением тега <TITLE> устанавливающего заголовок окна веб-страницы.
Внутри контейнера <HEAD> допускается размещать следующие элементы: <BASE>, <BASEFONT>, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>.
Синтаксис
<head> ... </head>
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <HEAD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- Этот раздел предназначен для заголовка страницы и технической информации. --> </head> <body> <!-- А здесь надо размещать все, что хочется увидеть на странице. --> </body> </html>
Тег HR
Описание
Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <HR> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
Синтаксис
<hr>
Параметры
align
Определяет выравнивание линии.
color
Цвет линии.
noshade
Рисует линию без трехмерных эффектов.
size
Толщина линии.
width
Ширина линии.
Закрывающий тег
Не требуется.
Пример 1. Использование тега <HR>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <hr> </body> </html>
Описание параметров тега <HR>
Параметр ALIGN
Описание
Выравнивание линии по краю родительского элемента. В качестве родителя обычно выступает окно браузера.
Синтаксис
<hr align="center | left | right">
Аргументы
center
Выравнивание по центру.
left
Выравнивание линии по левому краю.
right
Выравнивание по пр авому краю.
Значение по умолчанию
center
Аналог CSS
text-align
Пример 2. Выравнивание линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr align="right" width="300"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </body> </html>
Параметр COLOR
Описание
Задает цвет линии в браузере Internet Explorer. Одновременно, использование этого параметра запрещает трехмерные эффекты, словно был добавлен параметр noshade. В остальных браузерах параметр color игнорируется.
Синтаксис
<hr color="цвет">
Аргументы
Для задания цвета линии применяется два способа: первый использует обозначения цветов в шестнадцатеричном коде, а второй — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Значение по умолчанию
Нет.
Пример 3. Цвет линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr color="red" width="300"> </body> </html>
Параметр NOSHADE
Описание
Использование параметра noshade отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию.
Синтаксис
<hr noshade>
Аргументы
Нет.
Значение по умолчанию
По умолчанию этот параметр не используется.
Пример 4. Сплошная линия
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr noshade width="300"> </body> </html>
Параметр SIZE
Описание
Устанавливает толщину линии в пикселах.
Синтаксис
<hr size="число">
Аргументы
Любое целое положительное число. Нулевое или отрицательное значение устанавливает толщину линии в один пиксел.
Значение по умолчанию
2
Пример 5. Толщина линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr noshade size="10"> <hr noshade size="8"> <hr noshade size="6"> <hr noshade size="4"> <hr noshade size="2"> <hr noshade size="1"> </body> </html>
Параметр WIDTH
Описание
Устанавливает ширину линии в процентах или пикселах. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.
Синтаксис
<hr width="число">
Аргументы
Любое допустимое значение в пикселах или процентах.
Значение по умолчанию
100%
Аналог CSS
width
Пример 6. Ширина линии
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <hr noshade size="4" width="75%"> <hr noshade size="2" width="60%"> <hr noshade size="1" width="50%"> </body> </html>
Тег HTML
Описание
Тег <HTML> является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги HEAD и BODY. Открывающий и закрывающий теги <HTML> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <HTML> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Тем не менее, можно использовать тег <HTML> и в первой строке файла, тогда браузер будет использовать DTD установленный по умолчанию. Закрывающий тег <HTML> должен всегда стоять в документе последним.
Синтаксис
<html> ... </html>
Параметры
title
Добавляет всплывающую подсказку на веб-страницу.
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- Этот раздел предназначен для заголовка страницы и технической информации. --> </head> <body> <!-- А здесь надо размещать все, что хочется увидеть на странице. --> </body> </html
Описание параметров тега <HTML>
Параметр TITLE
Описание
Добавляет поясняющий текст на веб-страницу в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается в окне веб-страницы. На рис. 1 показана всплывающая подсказка в окне документа.
Рис. 1. Отображение аргумента параметра title тега <HTML>
Синтаксис
<html title="текст">...</html>
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Значение по умолчанию
Нет.
Пример 2. Добавление всплывающей подсказки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html title="Персональная веб-страница Вани Шапочкина"> <body> ... </body> </html>
Тег I
Описание
Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Синтаксис
<i>Текст</i>
Закрывающий тег
Обязателен.
Параметры
Нет.
Аналог CSS
font-style: italic
Пример 1. Использование тега <I>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <b><i>Lorem ipsum dolor sit amet</i></b><br> <i>Lorem</i> ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. <i>Ut</i> wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </body> </html>
Примечание
Хотя использование тега <I> не осуждается в HTML 4, применение стилей предоставляет больше возможностей по управлению начертанием текста.
Тег IFRAME