Использование языка HTML для описания структуры веб-страниц

Заголовки в HTML

В окне браузера вы можете увидеть документ с абсолютно таким же содержимым, как и на скриншоте программы Word на предыдущей странице — Веб пример

Для описания структуры веб-документа необходимо добавить немного кода к тексту, который вы хотите отобразить на экране.

Код

Ниже на странице приведен код примера на языке HTML.

Код страницы

<html>
    <body>
        <h1>Это основной заголовок</h1>
        <p>Этот текст может быть введением к тексту, помещенному под заголовком.
            Он может быть достаточно длинным, поэтому автоматически переносится на новую строку. 
            Также, данный текст может быть разделен на несколько разделов с подзаголовками.
        </p>
        <h3>Это подзаголовок</h3>
        <p>Часто при написании статей используют подзаголовки для лучшего понимания содержания публикации.
            Такими приемами пользуются все: от копирайтеров до создателей сайтов.
            Они используются во всех бумажных и веб документах.</p>
        <h2>Еще один подзаголовок</h2>
        <p>Вот еще один пример подзаголовка.</p>
    </body>
</html>

HTML-код выделен голубым цветом. Он состоит из символов, помещенных между двух угловых скобок: "<>". Все это называется HTML-элементами.

Элементы, как правило, состоят из двух тегов: открывающего и закрывающего. (Внутри закрывающего тега также имеется косая черта,«/», иначе называемая слеш.)

Каждый HTML-элемент сообщает браузеру какую-либо информацию о тексте, помещенном между открывающим и закрывающим тегами.

Важно

Не волнуйтесь по поводу того, что вы не понимаете его назначения.

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