JavaScript для детей

Рис. 5.1. Ваша первая HTML-страница в Chrome

Вы только что создали свой первый HTML-документ! Вы просматри-

ваете его через браузер, однако находится он не в интернете — Chrome

открыл его с вашего компьютера и, считав разметку, определил, как

нужно отображать текст.

Теги и элементы

HTML-документы состоят из элементов. Каждый элемент начинается

с открывающего тега и оканчивается закрывающим тегом. Например,

в нашем первом документе пока всего два элемента: h1 и p (а также эле-

мент meta, но его мы отдельно здесь рассматривать не будем. Он нужен,

чтобы в браузере отображался русский текст). Элемент h1 начинается

с открывающего тега

и заканчивается закрывающим тегом

,

а элемент p начинается с открывающего тега

и заканчивается

закрывающим тегом

. Все, что находится между открывающим

и закрывающим тегами, называют содержимым элемента.

Открывающие теги представляют собой название элемента в угло-

вых скобках: < и >. Закрывающие теги выглядят так же, но перед именем

элемента в них ставится наклонная черта (/).

5. Основы HTML 85

Элементы заголовков

У каждого элемента есть особое назначение и способ применения.

Например, элемент h1 означает «это заголовок верхнего уровня».

Содержимое, которое вы введете между открывающим и закрывающим

тегами

, браузер отобразит на отдельной строке крупным жирным

шрифтом.

Всего в HTML шесть уровней заголовков: h1, h2, h3, h4, h5 и h6.

Выглядят они так:

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

На рис. 5.2 показано, как эти заголовки выглядят в браузере.

Рис. 5.2. Элементы заголовков разного уровня

Элемент p

Элемент p нужен для разделения текста на параграфы. Любой фрагмент