Как видно из названия, язык HTML является языком разметки, т.е. он позволяет выделить в тексте отдельные области — заголовок, абзац, элемент списка, ссылку и т.д. По сути, HTML-документ является обычным текстовым файлом, в который вставлены указатели элемента — дескрипторы (иногда их называют теги, от англ. tag).
Дескрипторы считываются обозревателем, когда пользователь открывает Web-страницу, после чего на экране уже появляется структурированный документ (сами дескрипторы пользователь, конечно, не видит). Код строки заголовка, например, выглядит следующим образом:
<H1>Это заголовок нашего документа</H1>
Элемент в коде чаще всего определяется парой дескрипторов: открывающим (в данном примере это <H1>) и закрывающим, с косой чертой перед названием дескриптора (опять же, в нашем примере это </H1>).
Обозреватель, встречающий в тексте дескриптор <H1>, знает, что текст внутри этого элемента нужно вывести на экран в виде заголовка первого уровня.
Обычную HTML-страницу можно разбить на несколько разделов. Код страницы выглядит следующим образом:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Любой HTML-документ начинается с открывающего дескриптора <html> и заканчивается закрывающим </html>.
Между дескрипторами <head> и < /head> находится заголовок HTML-документа.
В заголовке указывается вспомогательная информация для обозревателя (например, тип содержимого и символьная кодировка), для поисковых серверов (ключевые слова, по которым можно найти Web-страницу в сети) и многое другое, о чем мы поговорим далее в этой книге.
В заголовке документа между дескрипторами <title> и </ title> также указывается заголовок страницы, который отображается в строке заголовка обозревателя.
Далее следует собственно «тело» Web-страницы, о чем сообщают дескрипторы <body> </body>.
В примере была показана абсолютно пустая Web-страница. Если вы откроете ее в обозревателе, то кроме фонового цвета, ничего не увидите.
Рассмотрим код простой, но заполненной Web-страницы. :
<html> <head>
<meta hetp-equiv=»Content-Type»
content=»text/html; charset=koi8-r» />
<title>Моя первая строка</title>
</head>
<body>
<h1>Заголовок первого уровня нашего документа</h1>
<р>Первый абзац документа</р>
<р>Второй абзац документа</р>
<h2>Заголовок второго уровня нашего документа</h2>
<р>Третий абзац документа</р>
</body>
</html>
Если вы сохраните этот код в файле с расширением .htm и откроете его в обозревателе, то получите страницу.
Язык HTML был создан на основе SGML, поэтому в нем также заложена кросс-платформенная природа последнего.
Это означает, что независимо от компьютерной платформы и операционной системы (Windows, Macintosh или UNIX), HTML-страницы можно создать и просмотреть на любой из них.
Конечно, обозреватели, которые работают на разных платформах, могут по-разному обрабатывать HTML-код .
Язык HTML не является средством проектирования типа «Что видишь, то и получаешь» (WYSIWYG — What You See Is What You Get). С его помощью описывается только структура документа, а не стиль форматирования. В настоящее время существует немало HTML-редакторов, которые позволяют работать в режиме WYSIWYG.
В результате все равно получается HTML-код, но ради создания определенных эффектов в таких программах используется псевдостандартный код, на который слишком полагаться не стоит. Проверять свою работу необходимо в обычных обозревателях, чтобы точно знать, как страница будет выглядеть на экранах посетителей.
Несмотря на все вышеописанные ограничения, язык HTML прекрасно подходит для создания хорошо спроектированных Web-страниц. Кроме того этот язык является открытым и кросс-платформенным, а это как нельзя лучше влияет на его развитие и поддержку разработчиками.
Просмотреть код любой страницы можно с помощью обычного Web-обозревателя. Чтобы разобраться, как работает тот или иной эффект, просто просмотрите исходный код страницы, на которой этот эффект реализован.