Знакомство с html документами

HTML структура документа - Страница со структурой HTML

знакомство с html документами

ПРАКТИЧЕСКАЯ РАБОТА 1 Знакомство со структурой HTML-документа. Применение тегов логического и физического форматирования. Списки Цель. Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS и JavaScript . Познакомимся с интерфейсами Академии. А заодно рассмотрим базовые понятия вёрстки.

Знакомство с HTML | WebReference

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

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

знакомство с html документами

В виде основных контейнеров они не несут какого-либо всеобъемлющего смысла или семантического значения. Блочные и строчные элементы Большинство элементов либо блочные, либо строчные.

знакомство с html документами

Блочные элементы начинаются с новой строки, накладываются друг на друга и занимают всю доступную ширину. Блочные элементы могут быть вложены друг в друга и обёртывать строчные элементы. Обычно мы видим как блочные элементы используются для больших кусков контента, такого как абзацы. Строчные элементы не начинаются с новой строки.

Они попадают в обычный поток документа, выстраиваются друг за другом, а их ширина основана на их содержимом. Такая вложенность тегов встречается в HTML сплошь и. При вложении тегов следует придерживаться одному правилу, порядок следования закрывающих тегов должен быть обратным порядку следования открывающих тегов. Если нарушить это правило, то WEB-страница может отобразиться не правильно.

Знакомство с html. Структура html документ. Пример создания

И как мы видим никаких переносов строк, ни отступов при отображении этого элемента не осуществляется.

И очень важно упомянуть, по правилам языка html строчные элементы не могут иметь вложенных тегов. Это атрибут тега, который задает его параметры. Атрибуты бывают обязательными и необязательными. Обязательные атрибуты должны содержаться в теги в обязательном порядке.

Знакомство с html

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

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

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