
- •Спецификация
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Браузеры
- •Основные теги
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты Атрибут align
- •Значение по умолчанию
- •Аналог css
- •Примечание
- •Форматирование текста
- •Изображения
- •Формат gif
- •Особенности
- •Область применения
- •Формат jpeg
- •Особенности
- •Область применения
- •Спецификация
- •Описание
- •Синтаксис
- •Атрибуты
- •Спецификация
- •Спецификация
- •Описание
- •Синтаксис
- •Значения
- •Значение по умолчанию
- •Спецификация
- •Спецификация
- •Спецификация
- •Закрывающий тег
- •Спецификация
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Атрибуты
- •Спецификация
- •Описание
- •Спецификация
- •Описание
- •Примечание
- •Список определений
- •Атрибуты
- •Атрибуты
- •Значение по умолчанию
- •Аналог css
- •Валидация
Синтаксис
<h1>Заголовок первого уровня</h1>
Закрывающий тег
Обязателен.
Пример. Использование тега <h1>
HTML 4.01 IE 7 IE 8 IE 9 Cr 13 Op 11 Sa 5 Fx 6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег H1 и H2</title>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna
aliguam erat volutpat.</p>
<h2>Ut wisis enim ad minim veniam</h2>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид заголовков первого и второго уровня в браузере
Примечание
Заголовки очень «любят» поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов <h1>...<h6>. По этой причине лучше всегда использовать эти теги, несмотря на то, что с помощью стилей любой текст можно установить большого размера и, тем самым, сделать его заголовком.
Атрибуты
Атрибут align
Определяет выравнивание заголовка.
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Выравнивание заголовка текста по краю.
Синтаксис
<h1 align="left | center | right | justify">...</h1>
Обязательный атрибут
Нет.
Значения
left
Выравнивание заголовка по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.
justify
Выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для заголовка, длина которого более, чем одна строка.
Значение по умолчанию
left
Аналог CSS
text-align
Также для этого тега доступны универсальные атрибуты и события.
Тег <p>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Синтаксис
<p>Текст</p>
Атрибуты
Атрибут align
Определяет выравнивание текста.
Аналог CSS
text-align
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Не обязателен.
Пример. Использование тега <p>
HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег P</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Тег <br>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега <br> можно сделать так, чтобы следующая строка начиналась ниже элемента.
Синтаксис
-
HTML
Текст<br> текст
XHTML
Текст<br /> текст
Закрывающий тег
Не требуется.
Пример. Использование тега <br>
HTML 4.01 IE 7 IE 8 IE 9 Cr 13 Op 11 Sa 5 Fx 6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BR</title>
</head>
<body>
<p>Р.Л. Стивенсон</p>
<p>Лето в стране настало,<br>
Вереск опять цветет.<br>
Но некому готовить<br>
Вересковый мед.</p>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 2. Вид текста при использовании тега <br>
4. Тег <div>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|