Здесь может быть ваша реклама...
1000
участников
5500 читателей

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

Это схема структуры HTML-документа:
   Тэг - основа HTML-документа

   
<html> - это первый элемент в документе. Его можно назвать корневым. <html> он сообщает WEB-браузеру о том, что документ создан с помощью HTML.


Это минимальный HTML-документ:


<html> ...тело документа... </html>


Заголовок head HTML-документа

   Внутри тэга <head> идет описание заголовка документа. Оно должно находиться только после тэга <html> (и нигде более). Этот элемент - является общим описанием документа. Тут могут располагаться инструкций браузеру и скрипты место для скриптов и  описания глобальных свойств (метаданных) HTML-документа, или  метаданных. Не стоит внутри <head> размещать какой-нибудь текст. 


Вот, к примеру, html-код:

--------------------------
<html>
<head>
Описание заголовка
</head>
...
</html>
--------------------------
    Рекомендовано применять стартовые и завершающие тэги типа <html>, <head>, <body>, хотя это и  необязательно. Однако эти тэги разрешают WEB-браузеру правильно отделять заголовочную часть от смысловой части документа.


   Внутри тега <head> располагаются следующие теги:


   Тэг
<title> заголовка WEB-страницы может располагаться внутри тэга <head>.

   Многие WEB-браузеры отображают содержимое тэга <title> непосредственно в заголовке окна, содержащего документ, а так же в файле закладок, если тот поддерживается WEB-браузером. Заголовок документа <title> располагается внутри тэга <head>, это было показано на примере выше. Заголовок документа при отображении самого документа в окне не появляется.

   Тэг
<meta> метаданных

   В этом тэге описываются глобальные параметры (метаданные), которые описывают  данные в документе. При отображении страницы они могут быть использованы и WEB-браузером, и роботами поисковиков (поисковых систем), при индексации веб-ресурсов и не только…


   Тэг <link> внешней ссылки
  Чтобы связать HTML-документ с внешними ресурсами, как раз и применяется этот тэг. Перед обработкой страницы он должен быть подгружен WEB-браузером.

  Прочие html-тэги


Тело HTML-документа - body



    В тэге
<body> находится текстовая и графическая (смысловая) информация HTML-документа. Это именно та его часть, которая отображается для посетителя WEB-сайта. В этом месте HTML-документа и располагаются тэги, которые форматируют текст, выводят картинки и другую находящуюся в документе информацию.

    Исходя из выше сказанного, схема структуры HTML-документа, которая была представлена в виде html кода будет выглядеть так:



---------------------------------------------

<html>

         <head>
          Описание заголовка страницы
          </head>

          <body>
          Содержимое WEB-страницы
          </body>

</html>

---------------------------------------------

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
®
Поделитесь информацией с друзьями: