Итоги
На втором уроке мы узнали, что:
- Заголовки создаются элементами от
h1доh6(h — heading, «заголовок»). Уровень выбирают по важности, а не по размеру.h1— главный заголовок страницы, и на странице обычно он один. - Абзацы создаются элементом
p(paragraph, «абзац»). - Элемент
div(division, «раздел») группирует другие элементы. Собственного смысла у него нет. - Элемент
strong(strong importance, «большая важность») отмечает важный текст, а элементem(emphasis, «выделение») — текст, на который мы делаем упор. Браузеры показывают их полужирным шрифтом и курсивом. Если текст должен только выглядеть полужирным или курсивным, без дополнительного смысла, мы используем CSS. - Браузер превращает идущие подряд в коде пробелы, табуляции и переносы строк в один пробел. Поэтому Enter в коде не начинает новую строку на странице, а отступы не меняют вид страницы.
- Новую строку мы начинаем элементом
br(break, «разрыв»), у которого нет ни содержимого, ни закрывающего тега. Мы используем его только для переносов, которые входят в содержимое, как в стихах или адресах, а не для промежутков между текстами. - Списки создаются элементом
ol(ordered list, «упорядоченный список») илиul(unordered list, «неупорядоченный список»), а их пункты — элементомli(list item, «элемент списка»). - Комментарии пишутся так:
<!-- комментарий -->. Браузер их не показывает.
На этом уроке мы научились создавать текстовое содержимое веб-страниц. Дальше вас ждёт небольшой проект, в котором вы самостоятельно построите веб-страницу, используя то, что узнали на первых двух уроках. А затем на уроке о продвинутых HTML-элементах мы узнаем, что такое атрибуты, как использовать ссылки и как добавлять медиаконтент, например изображения и видео.
Задание
- 1
Поздравляем с завершением второго урока! В редакторе находится ваш итоговый код этого урока, и после проекта мы продолжим работать с ним. А пока можете попробовать изменить страницу, используя только что полученные знания.