HTML (HyperText Markup Language) – это язык гипертекстовой разметки документов, предназначенный для написания гипертекстов. Идея гипертекстасостоит в том, что текст, который вы хотите разместить на экране, разбивается на фрагменты, для каждого из которых определяется его способ представления на экране. Для такой разметки и указания, какого вида используемый фрагмент, используются дескрипторыHTML, которые, по сути своей, являются операторами языка. Каждый из них имеет свое название, записываемое в виде последовательности символов, заключенной в угловые скобки. Такие обозначения дескрипторов называются тегами.
Теги языка HTML выделяются символами ограничения < и>Теги, в которые могут вкладываться пары других тегов, называются тегами-контейнерами,они всегда нуждаются в закрывающем теге.
Параметры изображения, такие как цвет, размер, отступы, положение на экране и т.п. задаются атрибутами тегов - названиями этих параметров. Атрибуты тега записываются внутри угловых скобок после названия дескриптора и отделяются от него и друг от друга пробелами. Значения атрибутов задаются с помощью знака равенства и записываются в ординарных или двойных кавычках.
Размеченный подобным способом текст и называется гипертекстом,фрагменты. из которых он состоит, называются блоками. Содержимое блока вместе с соответствующими ему тегами называется элементом документа.
Браузеробрабатывает гипертекст и выводит изображение на экран.
HTML - документ создается в простом текстовом редакторе и сохраняется в файле с расширением .html или .htm. При написании тегов и атрибутов можно использовать как строчные так и прописные буквы, при этом они являются эквивалентными - язык HTML не чувствителен к регистру в отличие от JavaScript и языков серверного программирования.
В данном разделе курса мы сначала рассмотрим базовые средства языка HTML, а затем расширим его с помощью CSS и JavaScript до DHTML.
Структура html- документа.
Тег <html>
Гипертекстовый документ начинается тегом <html> и закрывается парным к нему </html>. Данный тег сообщает WEB-браузеру, что ваш документ написан с использованием HTML.
< html > ...содержимое документа... </ html >
Первая строчка представляет собой текст - тег, написанный в специальном формате на языке XML, который указывает, что данный документ написан на языке XML, в соответствии с международной спецификацией консорциума W3C и в соответствии с ней являющийся документом HTML указанной версии. Этот текст является технической информацией для сервера и для браузера для правильной интерпретации гипертекстового документа. Он может выглядеть так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Подробнее формат этого элемента можно посмотреть в материалах по языку XML.
Для отладки клиентской страницы, если вы не собираетесь реально размещать ее в Интернете, его можно просто опустить.
Содержимое документа состоит из двух частей – заголовочной части, содержащей техническую информацию для браузера и сервера, и визуального представления страницы. Выглядит это так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html>
<head>
Заголовочная часть </head>
<body>
Текст документа </body>
</html>
Обратите внимание, что при написании тегов нельзя вставлять внутрь них лишние пробелы.
При составлении гипертекста удобно при редактировании пробелами отделять друг от друга элементы и размещать их «лесенкой», чтобы удобнее отлаживать. Между элементами количество пробелов неограниченно и содержимое элемента (а не тега!) может переноситься на следующую строку.
Заголовочная часть документа Заголовочная часть документа ограничивается тегами <head> и его закрывающим </head>. Он является контейнером для элементов, содержащих техническую информацию о документе – title, base, link, meta, style, script. Суть этих дескрипторов мы будем рассматривать в процессе изучения по мере необходимости их появления. Тег title Вначале ознакомимся с тегом <title>, который всегда имеется на странице и содержит название страницы, отображающееся в строке заголовка браузера. Пример 1.
<html>
<head>
<title>Первые шаги</title>
</head>
<body>
</body>
</html>
В результате получим следующую пустую страничку с названием Первые шаги :
Тег <base>
Он позволяет задать базовый адрес (URL) текущего документа для расчета относительных адресов внутри документа. Элемент не имеет закрывающего тега и для него обязательно присутствие хотя бы одного из атрибутов.
