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

Язык HTML

Протокол HTTP

Протокол HTTP (Hyper text transfer protocol – протокол передачи гипертекста) применяется для обмена информацией между серверами WWW (World Wide Web – всемирная паутина) и программами просмотра гипертекстовых страниц – броузерами WWW. Допускает передачу широкого спектра разнообразной информации – текстовой, графической, аудио и видео. В настоящее время находится в стадии непрерывного совершенствования.

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Все теги начинаются с открывающей скобки “ < ”, за которой следует текст, определяющий содержание тега. Оканчивается тег закрывающейся скобкой “ > ”. Теги бывают начальными (открывающими) и конечными (закрывающими). Конечные теги начинаются со знака “ / ”.

Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Если какие-либо из тегов непонятны браузеру, то при анализе документа они игнорируются.

Между тегами <html></html> находится текст, определяющий содержимое HTML-страницы. Все, что между этими двумя тегами интерпретируется браузером в соответствии с правилами языка HTML. Исходный текст страницы делится на заголовок (Head) и тело (Body). Заголовок описывается двумя тегами <head></head>, но впрочем, если в нем нет необходимости, его можно не описывать, тогда исходный текст будет состоять только из тела. Некоторые теги могут располагаться только в заголовке, например <meta>, <title>. Наиболее часто используемый в заголовке тег - <title></title>. Этот тег определяет название страницы. Оно пишется в верхней части окна браузера. Также в заголовке подключается таблица стилей.

Тело страницы описывается тегами <body></body>. В теле страницы располагается содержательная и видимая часть документа. Здесь могут присутствовать следующие элементы:

· Форматированный текст;

· Графические изображения;

· Таблицы;

· Гиперссылки;

· Тег блока <div>;

· Скрипты.

В подключаемой таблице стилей «style.css» для всех элементов тела страницы определены свойства, такие как цвет текста, фон блоков и другие.

Для форматирования текста используются следующие теги:

· <p> - параграф;

· <h1> - заголовок первого уровня;

· <ul> - неупорядоченный (маркированный) список;

· <li> - элемент списка;

· <strong> – жирный текст.

Для добавления изображений используется тег <img>.

Некоторые атрибуты тега:

· src - URL-адрес файла с изображением;

· align - выравнивание изображение относительно текста или других элементов страницы;

· vspace - размер отступа от изображения по вертикали;

· hspace - размер отступа от изображения по горизонтали;

· width - ширина изображения;

· height - высота изображения;

· border - толщину рамки вокруг изображения.

Таблицы формируются при помощи тега <table>. Тегом <tr> определяется строка таблицы, тег <td> определяет отдельную ячейку в таблице. Строки, столбцы таблицы должны быть вложенными в неё. Допускается вложение одной таблицы в другую, соединение нескольких строк или столбцов.

Используемые атрибуты, применимые к таблицам:

· align - выравнивание таблицы относительно документа;

· width - ширина таблицы;

· cellspacing - расстояние между ячейками таблицы;

· cellpadding - расстояние между содержимым ячейки и ее рамкой;

· border - ширина рамки в пикселах;

· border-color – цвет рамки таблицы;

· valign - выравнивание текста в ячейке по вертикали;

· colspan - соединение нескольких ячеек.

В проекте таблица используется для размещения изображений должным образом.

Гиперссылка — фрагмент HTML-документа и его базовый элемент, указывающий на другой файл, который может быть расположен в Интернет и содержащая полный путь (URL) к этому файлу. Гиперссылка — для пользователя — графическое изображение или текст на сайте, в письме электронной почты или в каком-либо электронном документе, устанавливающие связь и позволяющие переходить к другим объектам Интернет.

Для определения ссылки используется тег <a…></a>. Ссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указателем ссылки может быть слово, группа слов или изображение. Адресной частью ссылки является адрес Web-страницы, которая будет загружена при щелчке кнопкой мыши на указателе.

Тег <div> является элементом уровня блока, служащим для выделения фрагмента документа. Целью этого выделения является управление параметрами данного фрагмента, которое выполняется с помощью стилей.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: