Итоги

В этом уроке мы узнали, что:

• Атрибуты записываются в открывающем теге в виде имя="значение", причём значение всегда стоит в кавычках.
• Атрибут id идентифицирует элемент, поэтому его значение должно быть уникальным на странице. Кроме того, у каждой страницы должен быть атрибут lang у элемента html.
• Ссылки создаются элементом a (anchor — «якорь») и его атрибутом href, значение которого — адрес, куда ведёт ссылка.
• Ссылка с атрибутом target, равным _blank, открывается в новой вкладке.
• Адреса бывают абсолютными, например https://www.wikipedia.org/, и относительными, например ./dog.html.
• Относительный адрес, начинающийся с ./, ищет файл в той же папке, где лежит HTML-файл со ссылкой.
• Относительный адрес, начинающийся с /, ищет файл в корневой папке проекта.
• Изображения добавляются элементом img, у которого нет ни содержимого, ни закрывающего тега. Его атрибут src содержит адрес изображения, а alt — описание, которое зачитывают программы чтения с экрана и которое браузеры показывают, если изображение не удалось загрузить. Чисто декоративному изображению задают alt="".
• Видео добавляются элементом video и его атрибутом src. Логический атрибут controls включает кнопки управления. Содержимое элемента показывают только браузеры, которые не умеют воспроизводить видео.
• Изображение (или другой элемент), помещённое внутрь ссылки, тоже становится ссылкой.
• Ссылка может вести к части текущей страницы: значение href — это # и id элемента. Ссылка просто на # ведёт в начало страницы.
• Элементы header, nav, main, section и footer сообщают, чем является каждая часть страницы, а div лишь группирует элементы.

В этом уроке мы научились добавлять изображения и видео, пользоваться ссылками, узнали, что такое атрибуты, и придали нашей странице осмысленную структуру. В следующем уроке мы научимся создавать таблицы в HTML.