Основы HTML

HTML является приложением языка SGML (Standard Generalized Markup Language), стандартизированного ISO в 1986 г.. SGML был разработан для пакетной компьютерной обработки документов.

Базовый синтаксис и семантика языка HTML определены в стандарте, разрабатываемом под эгидой консорциума World Wide Web Consortium (W3C). Спецификации стандартов и проекты новых предложений представлены на сайте http://www.w3.org. Этот стандарт постоянно расширяется, главным образом за счет включения новых тегов, предлагаемых разработчиками браузеров. В настоящее время действует, то есть поддерживается большинством браузеров, стандарт HTML 4.01. Однако фирмы-разработчики, такие как Microsoft и Netscape, включают в свои браузеры собственные расширения, не входящие в стандарт. При разработке HTML-документов лучше ограничиться набором тегов, используемых в большинстве популярных браузеров.

Необходимо обратить внимание на следующие особенности HTML-документов:

- HTML-документы представляют собой текстовые файлы;

- HTML-документы могут быть просмотрены в Web-браузерах различных типов и на различных компьютерных системах (платформах);

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

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

Любая HTML-страница состоит из двух логических частей: заголовка и тела. Заголовок документа содержит основную информацию о документе, в том числе название HTML-документа, которое отображается в строке заголовка Web-браузера. Тело документа интерпретируется браузером как содержимое Web-страницы.

HTML-страница состоит из размеченного тегами текста. Теги представляют собой определенную последовательность символов, заключенную между символами "<" и ">". Большинство тегов парные, закрывающий тег начинается с символа "/". Следующий фрагмент отображает базовую структуру HTML-документа:

<HTML>…</HTML> – начальный и конечный теги всего HTML-документа. Данный тег предназначен для того, чтобы браузер определил тип документа (HTML) и соответствующим образом его отобразил.

<HEAD>…</HEAD > – начальный и конечный теги заголовка документа. Тег заголовка должен быть указан сразу после тега <HTML> и не должен присутствовать в теле документа. Он отмечает общее описание документа и позволяет HTTP-серверу получить информацию о документе.

<TITLE>…</TITLE> – начальный и конечный теги названия страницы. Название, заключенное в теги <TITLE>…</TITLE>, должно размещаться внутри тегов <HEAD>…</HEAD>. Название страницы не является ее содержимым, а отображается в заголовке окна браузера,

<BODY>…</BODY>- начальный и конечный теги тела документа. Эти теги обязательно должны присутствовать в любом документе. Они определяют содержимое документа, которое отображается в браузере. Между тегами <BODY> и </BODY> заключены все теги, размечающие документ.

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

<ИМЯ_ТЕГА имя_атрибута1=значение1 имя_атрибута2=значение2 …>… </ИМЯ_ТЕГА>

Первый формат используется для непарных тегов. Например, непарным является тег <BR>, указывающий переход на новую строку.

Во втором формате используются открывающий и завершающий теги. Они ограничивают часть документа, в которой могут присутствовать и другие теги.

Третий формат используется для тегов, имеющих дополнительные атрибуты, задающие конкретные параметры. Атрибуты тега следуют за именем и отделяются от него и друг от друга пробелами или знаками табуляции. Последовательность атрибутов в теге значения не имеет. Если в таких тегах, а их большинство, атрибуты не указывать, то принимаются некоторые значения по умолчанию. Значения атрибутов заключаются в одинарные или двойные кавычки, кроме случаев, когда значением атрибута является одно слово или число. Некоторые атрибуты не принимают значения и присутствуют в теге в виде <ИМЯ_ТЕГА имя_атрибута>. Например, в теге <H1>, описывающем заголовок текста, можно использовать атрибутsы выравнивания и задания размера:

Перечень основных тегов представлен в табл. 9.1

Таблица 9.1 Основные теги языка гипертекстовой разметки HTML.
	Теги HTML	Описание тега
Основные теги web-документа
Тип документа	`<`HTML`></HTML>`	Сообщает браузеру, что документ написан на языке HTML
Имя документа	<TITLE></TITLE>
Заголовок	<HEAD><HEAD>	Отмечает вводную и заголовочную часть HTML- документа
Тело	<BODY></BODY>	Отмечает основной текст и информацию
Определение структуры
Заголовки	<Hi></Hi>	Оформление заголовка первого уровня
Заголовок с выравниванием	<Hi ALIGN=LEFT\|CENTER\|RIGHT></H?>	Оформление заголовка с выравниванием
Адрес автора	<ADDRESS></ADDRESS>	Содержит адрес электронной почты
Разделители
Абзац	<P></P> <P ALIGN=LEFT\|CENTER\|RIGHT></P>	Предписывает браузеру разделить два фрагмента с образованием пустой строки Возможно использование атрибута выравнивания ALIGN
Новая строка	<BR>	Предписывает браузеру разделить два фрагмента без образования пустой строки.
Горизонтальный разделитель	<HR> ALIGN=LEFT\|RIGHT\|CENTER>	Отображение горизонтальной линии. Возможно использование атрибута выравнивания ALIGN
Стилевое оформление текста
Жирный	<B></B>	Отображение текста полужирным шрифтом.
Курсив	<I></I>	Отображение текста курсивом.
Подчеркнутый	<U></U>	Отображение текста с подчеркиванием.
Форматированный	<PRE></PRE>	Предписывает браузеру сохранение авторского формата текста.
Управление шрифтом	<FONT COLOR =Name SIZE=I FACE="Courier New, Arial,… ></FONT>	Управление цветом и размером шрифта.
Оформление списков
Нумерованный	<OL><LI></OL>	`<LI>` перед каждым элементом cсписка.
Маркированный	<UL><LI></UL>	<LI> перед каждым элементов списка
Определение цвета и фона
Цвет фона	<BODY BGCOLOR="#$$$$$$">	Предписывает браузеру цвет фона документа.
Цвет текста	<BODY TEXT="#$$$$$$">	Предписывает браузеру цвет текста в документе.
Таблицы
Определить таблицу	<TABLE>теги описания строк </TABLE> <TABLE BORDER= ></TABLE> <TABLE WIDTH=> <TABLE WIDTH="%">	Сообщает браузеру, что между данными тегами следует описание таблицы Задает обрамление таблицы Определение ширины таблицы в пикселах. Определение ширины таблицы в % от ширины страницы
Строка таблицы	<TR></TR>	Определяет каждую строку таблицы.
Ячейка таблицы	<TD></TD> <TD ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM>	Определяет текст каждой ячейки. Возможно использование атрибута выравнивания ALIGN
Ссылки и графика
Ссылка	<A HREF="URL"></A>	Обеспечивае переход по URL-адресу
Графика	<IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT> <IMG SRC="URL" ALT="***">	Предписывает браузеру просмотр графи-ческого изображения. Возможно выравнива-ние изображения относительно строки текста и задание альтернативного текста