Базовая структура html документа. Стартовый код

#COURSE##INNER#

HTML документ следует определенной структуре, которая обеспечивает его правильное отображение в браузере.

Стартовый код HTML документа:

Содержание документа

Описание элементов:

• - декларация типа документа HTML5.
• и - теги, ограничивающие содержимое HTML документа.
• и - теги, содержащие метаданные о документе (заголовок, кодировка, стили).
• - теги, содержащие заголовок документа.
• и - теги, ограничивающие видимую часть документа (текст, изображения, ссылки).

Структура HTML-документа

HTML-документ состоит из двух основных разделов:

Заголовок (head)

• Содержит метаданные о документе, такие как заголовок, автор и кодировка.

Тело (body)

• Содержит фактическое содержимое документа, такое как текст, изображения и таблицы.

Базовая структура HTML-документа:

Главный заголовок

Текст документа

Тег

Тег - это базовый элемент HTML-документа, который определяет структуру и содержимое страницы. Каждый тег представлен парными угловыми скобками (<>), например: . Открывающий тег сообщает браузеру о начале элемента, а закрывающий - о его завершении.

Типы тегов

Существует два основных типа тегов:

• Контейнерные теги имеют открывающий и закрывающий теги. Они определяют блок контента, например, заголовок ().
• Пустые теги не имеют закрывающего тега. Они используются для вставки отдельных элементов, например, для создания новой строки (
  ).

Атрибуты тегов

Атрибуты позволяют добавлять дополнительную информацию к тегам. Они записываются после имени тега и состоят из имени атрибута и его значения, разделенных знаком равенства, например: .

Структурирование контента

Теги используются для логической группировки контента на веб-странице, обеспечивая структуру и определенную семантику, а также облегчая браузерам и поисковым системам понимание содержания страницы.

Пример

Следующий код создает заголовок первого уровня:

Тег

Тег – это базовый строительный блок веб-страницы в HTML. Он определяет начало и конец элемента или структуры в документе. Теги состоят из двух угловых скобок (< и >), ключевого слова и необязательных атрибутов. Они указывают браузеру, как отображать содержимое:

Пример тега HTML:

Это абзац

Каждый тип тега имеет особое предназначение и правила использования. Некоторые распространенные теги включают:

• и – определяют раздел метаданных
• и – определяют тело документа

• и

  – определяют заголовки

• и

  – определяют абзацы
• и – определяют гиперссылки
• – определяет вставленное изображение

Атрибуты тегов предоставляют дополнительную информацию, такую как идентификатор, класс или стиль. Они расположены внутри угловых скобок после ключевого слова:

Пример тега с атрибутами:

Это абзац

Правильное использование тегов и атрибутов имеет решающее значение для формирования структуры и отображения веб-страниц.

Тег

В HTML теги заключают контент и предоставляют ему форматирование и функциональность. Например, тег

создаёт большой заголовок, а тег

создаёт абзац.

Структура тега

Тег состоит из имени, открывающей угловой скобки (<), содержимого и закрывающей угловой скобки (>) с косой чертой (/).

<имя_тега>содержимое

Необязательно использовать закрывающий тег для пустых тегов, таких как
(перенос строки) или (изображение).

Атрибуты

Атрибуты предоставляют дополнительную информацию для тегов. Они располагаются внутри открывающего тега в формате "имя_атрибута="значение_атрибута"".

<имя_тега имя_атрибута="значение_атрибута">содержимое

Например, атрибут "src" в теге указывает на URL-адрес изображения.

Тег

Тег – это основа HTML-структуры документа, указывающая на начало и конец элемента. Элемент может быть текстовым значением, изображением или другим блоком контента.

Синтаксис тега:

<имя_тега>…

<имя_тега> – имя тега в нижнем регистре.

… – содержимое, которое может быть текстом, изображением или блоком контента.

Атрибуты тега:

Тег может иметь атрибуты, которые изменяют его поведение или внешний вид. Атрибут имеет форму: имя_атрибута="значение_атрибута".

Например:

Здесь атрибут src указывает путь к изображению, а атрибут alt задает альтернативный текст, который отображается, если изображение недоступно.

Метатеги

: Краткое описание страницы (до 160 символов) для поисковых систем.

: Перечисляет ключевые слова, относящиеся к контенту страницы, для улучшения релевантности поиска.

: Имя автора документа.

: Указывает поисковым системам, следует ли индексировать страницу (index или noindex) и следовать ссылкам на ней (follow или nofollow).

Ссылки на внешние ресурсы

Для подключения外部ресурсов (скриптов, таблиц стилей и т.д.) используйте тег ``.

Синтаксис

где:

- `rel` - тип ссылки (например, `stylesheet` для таблицы стилей);

- `href` - адрес ресурса;

- `дополнительные_атрибуты` - дополнительные атрибуты ссылки (например, `media` для указания типа устройства).

Типы ссылок

Наиболее распространенные типы ссылок:

Тип	Описание
stylesheet	Подключение таблицы стилей
script	Подключение скрипта
icon	Подключение иконки
alternate	Альтернативная ссылка на документ в другом формате

Вопрос-ответ:

Из чего состоит базовый HTML-документ?

Базовый HTML-документ состоит из трех основных частей: пролога, заголовка и тела.

Что содержится в прологе HTML-документа?

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

Для чего используется раздел в HTML-документе?

Раздел содержит видимое содержимое веб-страницы, такое как текст, изображения, ссылки и формы. Именно здесь разработчик размещает основное содержимое, которое пользователи увидят при загрузке страницы.