HTML Basics. Body elements #3

Используем все заголовки.

Хорошая работа! До сих пор мы использовали заголовки трех разных размеров. Учитывая, что существуют заголовки шести размеров, то и мы должны использовать все шесть. (Даже <h6>, наш скромный разносчик кофе, должен ощущать себя востребованным)

задание

1. Добавьте еще три заголовка в код, используя теги <h2>, <h4> и <h6>. Убедитесь в том, что все ваши теги закрыты.
2. Под каждым заголовком добавьте короткий абзац. Не забывайте, абзацы добавляются при помощи открытого и закрытого тегов <p></p>!

ответ

<!DOCTYPE html>
<html>
    <head>
        <title>
            Headings & Paragraphs
        </title>
    </head>
    <body>
        <h1>Заголовок h1</h1>
        <p>Первый абзац</p>
        <h3>Заголовок h3</h3>
        <p>Второй абзац</p>
        <h5>Заголовок h5</h5>
        <p>Третий абзац</p>
        <h2>Заголовок h2</h2>
        <p>абзац</p>
        <h4>Заголовок h4</h4>
        <p>абзац</p>
        <h6>Заголовок h6</h6>
        <p>абзац</p>
    </body>
</html>

HTML Basics. Body elements #2

Подробнее о заголовках!

HTML позволяет нам создавать заголовки разного размера. Заголовки бывают шести размеров, где <h1> босс, а <h6>  слабак!

<h1> - Генеральный директор

<h2> - Вице-президент Fancy Towne

<h3> - Директор некого направления

<h4> - Руководитель среднего звена

<h5> - Младший помощник

<h6> - Тот, кто разносит кофе

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

задание

1. Ваш код на данный момент имеет один абзац <h1> для двух параграфов.
2. Добавьте <h3> заголовок перед вторым абзацем.
3. Добавьте <h5> заголовок после второго абзаца, а затем добавьте третий абзац после этого заголовка.

ответ

<!DOCTYPE html>
<html>
    <head>
        <title>
            Headings & Paragraphs
        </title>
    </head>
    <body>
        <h1>Заголовок h1</h1>
        <p>Первый абзац</p>
        <h3>Заголовок h3</h3>
        <p>Второй абзац</p>
        <h5>Заголовок h5</h5>
        <p>Третий абзац</p>
    </body>
</html>

HTML Basics. Body elements #1

Абзацы и заголовки.

Мы определенно делаем успехи! Мы узнали, как и когда мы используем html. Также мы узнали как:
a. Установить теги в html - файле
b. Создать заголовок (в <head>)
c. Создать абзац (в <body> с помощью тега <p>).
Следующим шагом будет добавление заголовков для наших абзацев при помощи тегов заголовков. Давайте начнем с тега <h1> который обозначает что то важное.(Всем известно что самый важный шрифт является самым большим!)

задание

1. Спросите себя: почему эта страница так называется?
2. В основной части создайте заголовок. Чтобы это сделать создайте тег <h1>.
3. Добавьте содержимое в заголовок. Это может быть все что угодно!
4. Закройте элемент закрывающим тегом </h1>. (Ваш заголовок должен быть между <h1> и </h1>)
5. Под заголовком добавьте два абзаца с помощью тегов <p> с любым содержимым которое вам нравиться.

подсказка

Помните: для абзацев нужны теги <p> и </p>!

ответ

<!DOCTYPE html>
<html>
    <head>
        <title>
            Headings & Paragraphs
        </title>
    </head>
    <body>
        <h1>Заголовок</h1>
        <p>Первый абзац</p>
        <p>Второй абзац</p>
    </body>
</html>