Опорный конспект "Основные теги HTML"

Тема урока: “Основные теги HTML”

Язык гипертекстовой разметки HTML состоит из тегов, представляющих собой его основные компоненты. Здесь вы сможете познакомиться с этими компонентами. Не со всеми конечно, а только с самыми основными тегами HTML — теми, без которых не обходится создание ни одной веб-страницы в мире. Речь идет о структурных тегах — именно их здесь и рассмотрим, но вначале классифицируем их. Они делятся на следующие группы:

Структурные теги Теги форматирования

Структурные теги HTML

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

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

— корневой тег документа HTML —

Тип этого тега – контейнерный. Открывающий тег ставится в самом начале документа, а закрывающий

– в конце.

Внутри контейнера ..... содержатся все остальные теги документа. Именно поэтому тег и называют корневым (вы ведь знаете, что такое корневая папка?).

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

У открывающего тега при необходимости могут быть следующие параметры:

lang — определяет язык документа

title — определяет всплывающую подсказку для всей страницы

Голова страницы

— головной тег html-страницы, внутри которого располагаются мета-теги, тег и другие теги, помогающие браузеру в обработке страницы

Тип тега – контейнерный. Это первый из двух глобальных контейнеров, расположенных внутри конструкции .....

— контейнерный тег, позволяющий задать наименование веб-страницы

Заглавие, которое создает этот тег, отображается в строке заголовка окна браузера.

В первом приближении код веб-страницы выглядит следующим образом:

Моя страница

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

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

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

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

Теперь поговорим про туловище.

Тело страницы

— тег, внутри которого пишется весь код, отвечающий за внешний вид страницы

Тип тега – контейнерный. Это второй из двух глобальных контейнеров, расположенных внутри конструкции .....

Во втором приближении код любой веб-страницы выглядит так:

Моя страница

Здесь размещаются все теги, отвечающие за внешний вид страницы.