Шапка сайта является одним из ключевых элементов дизайна, который привлекает внимание пользователей и определяет первое впечатление о сайте. Для создания шапки сайта в HTML используется тег <header>.
Пример кода создания шапки сайта:
```html
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
</head>
<body>
<header>
<h1>Заголовок сайта</h1>
<nav>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
</header>
<main>
<!-- Содержимое основной части сайта -->
</main>
</body>
</html>
```
В данном примере внутри тега <header> содержится заголовок сайта и навигационное меню. Навигационное меню представлено списком ссылок <ul> с элементами списка <li>, каждый из которых содержит ссылку <a> на разделы сайта.
Таким образом, шапка сайта в HTML создается с помощью тега <header> и может содержать различные элементы, такие как логотип, заголовок, меню и другие элементы дизайна.