Давно я не писал уроков HTML, но сегодня решил это исправить - нужно продолжать изучать HTML язык. Итак, сегодня я расскажу про то, что такое "тело" сайта и немного про атрибуты данного тега.
"Тело" сайта - разговорный термин среди программистов и HTML верстальщиков. Под выражением"тело" сайта подразумевают теги и контент.
HTML является языком разметки для создания веб-страниц и веб-приложений. Он основывается на использовании различных элементов, каждый из которых имеет свой собственный тег. Один из самых важных элементов HTML - это тег body, который определяет основное содержимое документа.
Структура HTML шаблона - это основа в создании веб-страницы. Она состоит из нескольких элементов, таких как заголовок, основное содержимое и подвал. Каждый из этих элементов является важным для создания качественной веб-страницы, так как он определяет ее структуру и помогает ее администраторам сохранять содержимое актуальным.
Заголовок - это элемент, который содержит основную информацию о документе, такую как название и ключевые слова. Он определяется с помощью тега <head>, и содержит такие элементы, как теги <title>, <meta>, и <link>. <title> определяет заголовок документа, который отображается в верхней части веб-браузера, <meta> определяет метаданные, такие как язык документа и описание страницы, <link> ссылается на используемые вдокументе CSS стили.
Основное содержимое документа находится внутри тега body. Тег <body> определяет все, что будет отображаться на веб-странице. Как правило, на странице размещается заголовок, навигационное меню, контент и подвал. Вот пример кода для тега <body>:
```html
<body>
<header>
<h1>Заголовок страницы</h1>
<nav>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
</header>
<main>
<h2>О нас</h2>
<p>Мы - компания, которая занимается созданием веб-приложений и веб-сайтов. Наша задача - создавать качественные продукты, которые будут полезны нашим клиентам.</p>
</main>
<footer>
<p>ООО "Моя компания" 2022</p>
</footer>
</body>
```
В данном примере на странице есть заголовок, которым является тег <h1>, навигационное меню, главное содержимое страницы, которым являются теги <h2> и <p>, и подвал, который находится внутри тега <footer>.
Подвал на веб-странице обычно содержит копирайт и информацию о компании. Он определяется с помощью тега <footer>. Весь код тега <footer> находится внутри тега <body>, как и все остальное содержимое страницы. В примере выше подвал содержит всего один текстовый блок, но на практике он может содержать больше информации.
Таким образом, структура HTML шаблона состоит из трех основных частей: заголовка, основного содержимого и подвала. Она определяет внешний вид и организацию содержимого веб-страницы. Тег body играет ключевую роль в этом процессе, определяя все, что будет отображаться на странице.
Скачать пример HTML шаблона: stranichkahtml.zip
Пример получился, конечно, не ахти, поэтому впереди Вас ждет ещё много уроков HTML!
При верстке шаблонов и дизайнов верстальщики редко используют атрибуты тега "body", обычно эти параметры задаются в CSS. Как подключить css-стили к шаблону можно прочитать в Уроке №3: Как подключить CSS стили оформления в шаблоне?. О том, как правильно оформить "тело" сайта, я расскажу в следующем уроке №5. И помните, что создание HTML сайта не так сложно, как это кажется в начале!