История языков разметки. HTML.

Структура документа HTML состоит из тегов, которые окружают содержимое и придают ему определенное техническое значение.

Понятие тэга и элемента:

HTML - это язык тэгов.

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

Например тэгом абзаца является < P>, а тэгом горизонтальной линии - < HR>.

Теги < html> < /html> являются контейнером для всех остальных, т.е в них помещаются все остальные. Таким образом, ваш документ должен начинаться с тега < html> , а заканчиваться тегом < /html> .

Сам документ условно разделен на две части - заголовок документа (теги < head> < /head> ) и тело документа (теги< body> < /body> ).

Заголовок документа HEAD:

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

· Дать документу название

· Определить отношения между несколькими документами

· Дать указание браузеру создать форму для поиска

· Определить метод посылки специальных сообщений определенному браузеру или другой программе просмотра

Раздел HEAD открывается тэгом < HEAD>. Обычно этот тэг следует сразу же за тэгом < HTML>. Закрывающий тэг < /HEAD> показывает конец этого раздела. Между упомянутыми тэгами располагаются остальные тэги раздела заголовка документа.

Название документа TITLE:

Единственным обязательным элементом заголовка документа являются теги < title> < /title> . Они необходимы, чтобы дать документу название, оно отражается в заголовке окна браузера.

Название документа записывается между тэгами < TITLE> и < /TITLE> и представляет собой текстовую строку. Не следует заключать его в кавычки, если вы хотите, чтобы на экране их тоже не было. В большинстве случаев раздел TITLE занимает не более одной строки.

Тело документа:

Все, что отображается на web-странице, находится в тегах < body> < /body> . Это текст, картинки и исполняющиеся скрипты, а также теги для оформления всего этого.
Пример:

< HTML>
< HEAD>
< TITLE> ….< /TITLE>
< /HEAD>
< BODY>
Enter body text here
< /BODY>
< /HTML>

Шаблон открывается тэгом < HTML>, который необходим для каждого HTML - документа. Следующим идет тэг < HEAD>, начинающий заголовок документа. Заголовок содержит элемент TITLE, вводящий название документа. Заголовок закрывается тэгом < /HEAD>. Далее идет тэг < BODY>, после которого помещается текст (тело) документа. Тэг < /BODY> означает конец тела, а тэг < /HTML> - конец всего документа.

Атрибуты элемента BODY:

Элемент BODY может содержать большое количество атрибутов.

Атрибут BGCOLOR отвечает за цвет фона документа.

Атрибут TEXT определяет цвет текста документа.

Атрибут LINK используется браузером для показа еще непросмотренных ссылок. Атрибут VLINK служит для показа уже просмотренных ссылок.

Атрибут ALINK определяет цвет ссылки, активной в текущий момент. Атрибут BACKGROUND определяет фон, указывает на изображение, которое будет использоваться в качестве фонового рисунка. Этот рисунок заполняет собой все видимое пространство окна. Если рисунок меньше окна браузера, то он повторяется, образуя мозаику из одинаковых картинок. На стыке этих картинок возникают видимые переходы. Поэтому к подбору фоновых рисунков следует подходить с большим вниманием.

Атрибуты LEFTMARGIN и TOPMARGIN служат для установки расстояния между левым и верхним краями текста и соответствующими краями окна браузера.

Атрибут LEFTMARGIN устанавливает расстояние между левым краем окна браузера, которое измеряется в пикселах.

Атрибут TOPMARGIN служит для установки расстояния между верхним краем текста и верхним краем окна браузера.

 

Синтаксис языка HTML.

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

Элементы условно можно разделить на две группы. Большинство элементов (называемые также контейнерами) задаются с помощью трех компонентов: начальный тег, содержимое и конечный тег. В начальном теге в угловых скобках указывается имя элемента и список атрибутов, в конечном - только имя элемента, предваряемое символом слэш ( / ). Содержимое элемента располагается между начальным и конечным тегами и интерпретируется браузером согласно правилам, определенным в спецификации стандарта HTML. Например, элемент b ( от английского b old ) задает полужирное начертание для текста, расположенного между тегами < b> и < b>. Некоторые элементы могут вкладываться друг в друга, например, вложение элемента b (полужирное начертание) в элемент i (курсив) обеспечит полужирный курсив; фрагмент документа

начало текста < i> один < b> два< /b> три< /i> продолжение текста

будетотображен браузером так:

начало текста один два три продолжение текста

Элементы другой группы (называемые также автономными) не имеют содержимого и конечного тега. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег < img src=" pict.gif" > , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict.gif.

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

Встретив такой тег в HTML-документе, браузер интерпретирует его, выводя изображение из файла cat. jpg, шириной 300 и высотой 200 пикселов. Кстати, элемент img относится к числу «автономных» и не имеет конечного тега

Для полноты картины приведем пример и актуального элемента-контейнера, имеющего содержимое и, соответственно, требующего конечного тега. Это элемент p, определяющий абзац. Из общих соображений понятно, что у абзаца, по крайней мере, должен быть атрибут, определяющий выравнивание текста (по левому краю, по правому краю, по центру, по ширине страницы). Естественно, в HTML для абзаца предусмотрен соответствующий атрибут, и он называется align. Начальный тег объявляет новый абзац с указанным выравниванием, потом идет содержимое абзаца (текст, встроенные изображения и т.д.), конечный тег объявляет конец абзаца. Например, так:

< p align=”right”>

... текст...

< /p>

 

⇐ Предыдущая6789101112131415Следующая ⇒

Поделиться: