Теория
Теория

Тег head, служебная информация о странице

Тег <head> предназначен для хранения служебной информации о странице. Он располагается первым в теге <html>, сразу перед <body>.

Внутри <head> обычно содержится заголовок, ключевые слова, описание страницы и другие служебные данные. Также внутри него подключаются внешние ресурсы, например, стили. Содержимое этого тега не отображается на странице напрямую.

Помните, в первой части стартового тренажёра мы уже пробовали менять содержимое тега <head>? Тогда мы с помощью тега <link> подключали к документу разные CSS-файлы:

<head>
  <link href="адрес_файла_стилей.css" rel="stylesheet">
</head>

У <link> в атрибуте href задаётся адрес стилевого файла, а атрибут rel со значением stylesheet говорит браузеру, что мы подключаем именно стили, а не что-то другое.

До этого мы подключали полностью готовые стили дизайна, теперь же подключим специальные стили для прототипирования. Они «проявят» крупные блоки и немного изменят оформление текста. С этими стилями нам будет удобнее проектировать сайт, так как будет видна структура всей страницы.

Обычно стили подключаются внутри <head>, но это необязательно. Вы также можете подключить стили внутри <body>. Это не будет ошибкой, хотя делать так не рекомендуется.

index.html

HTML

<!DOCTYPE html> <html lang="ru"> <head>  </head> <body> Всем привет! Добро пожаловать на мой первый сайт. Ещё недавно я понятия не имел, кто такой верстальщик, а теперь я нашёл тренажёры по HTML и CSS и поставил перед собой цель — стать им. У меня даже появился инструктор — Кекс, который не позволит мне расслабиться и будет следить за моими успехами. Моё первое задание — вести дневник и честно писать обо всех своих свершениях. </body> </html>

ЗадачиВыполнено

Подключите к странице файл со стилями для прототипирования:

Добавьте тег <link> в тег <head>.
Затем тегу <link> добавьте атрибут rel со значением stylesheet
и атрибут href со значением outlines.css.

Тег head, служебная информация о странице

Вход

Регистрация

Восстановление доступа