Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Справочник по тегам.doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
658.43 Кб
Скачать

Синтаксис

<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

Также для этого тега доступны универсальные атрибуты и события.

  1. Тег <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>

  1. Тег <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