4. HTML заголовки, параграфы и списки — теги h1-h6, p, ol, ul и li

✏️ Разберем теги заголовков, параграфа и теги списков.

🔴 Timeline:
▶ 00:00​ | План урока
▶ 00:20​ | Заголовки, теги h1-h6
▶ 00:47​ | Правило по использованию тега h1
▶ 00:53​ | Правило последовательности заголовков
▶ 01:17​ | Правило осмысленности заголовков
▶ 01:26​ | Неочевидные выводы из правил по заголовкам
▶ 01:50​ | Параграф, тег p
▶ 02:00​ | Ошибка новичков при использовании тега параграфа
▶ 02:18 | Списки, теги ul, ol, li
▶ 02:50​ | Правило иерархии тегов списка
▶ 03:32​ | Что делать "списком" в разметке
▶ 03:46​ | Что дальше

📚 Полезные ссылки:

💬 Чат в телеграмме (помощь новичкам):

🔸 Boosty (поддержать канал):

🗂️ Бесплатные курсы на канале:

📌 Автор:

#frontend #фронтенд #html

[alialiev]

За рецепт «Шакшука», отдельная благодарность))

[ДиляраЗубарева-йо]

как же все коротко и ясно)) с Вами обучаться одно удовольствие!

[theultradie]

Спасибо большое за уроки. Вы объясните более простым языком и без воды, мне как сдвгшнику очень нравится. не теряю фокус. Еще раз благодаарю!

[alexb.]

"Оплата спасибами" - огонь!!! ))

[ЯрославИсаков-чл]

Всю жизнь использовал только тег div для всего что существует, и теперь я на заводе

[kiwi]

было бы полезно обьяснять английские значения тегов, к примеру ol это ordered list(упорядоченный лист) и сразу понятнее становится и запоминать легче

[disprice]

Спасибо большое за видео!!!! Все очень круто!! Только музыку бы чуть потише!

[lenurabdiramanov]

Может быть как-нибудь выпустите видос о своем опыте?

[GekaLeonov]

Подскажите пожалуйста, такая структура списков разрешена? Тег <div> использовал, чтобы переносить текст на новую строку. Так как на <br> валидатор ругается, а аналога не знаю.

<ul type="square">
<li><details>
<summary>
<label>1 <input type="checkbox"/></label>
</summary>
<div><label><input type="checkbox"/> а)</label></div>
<div><label><input type="checkbox"/> б)</label></div>
<div><label><input type="checkbox"/> в)</label></div>
</details></li>
<li>
<label>2 <input type="checkbox"/></label>
</li>
</ul>

[kapitankrolick]

еще есть список определений) не знаю, кто им пользуется, но он существует)

[christophercave]

Что это за трек на фоне? Ощущение, что из квеста "Machinarium"

[OkazakiTomoyasan]

Привет, как сделать раскрывающийся текст с помощью html(наподобие FAQ вопрос-ответ)
все уроки пересмотрел, вроде был урок, а найти не могу тег

[AlexeyPatrushev]

Привет, научи пользоваться ВебШтормом 24, друже)