- •Из истории языка html
- •Основные понятия html
- •Особенности показа документа
- •Структура документа
- •Информация о версии html
- •Элемент html
- •Элемент head
- •Элемент body Назначение элемента
- •Теги тела документа
- •Теги управления разметкой
- •Комментарии
- •Списки в html
- •Гипертекстовые ссылки
- •Графика в html
- •Пользовательские формы
Особенности показа документа
-
Автоперенос строки происходит по пробелам или по дефисам, если пробел сделан с помощью спецсимвола  , то в этом месте автоперенос не происходит.
-
Два пробела показываются как один пробел.
-
Табуляция выводится как один пробел.
-
Enter – выводится как один пробел.
-
Красную строку можно создать с помощью спецсимволов   или каскадных таблиц стилей.
-
Для принудительного переноса текста на новую строку используют тэг <BR>.
Структура документа
Документ HTML состоит из трёх частей:
-
Строка, содержащая информацию о версии HTML,
-
Объявляющий раздел header – «шапка» (ограниченный элементом HEAD),
-
Тело, содержащее собственно сам документ. Тело может выполняться в элементах BODY или FRAMESET.
Информация о версии html
Корректный документ HTML объявляет, какую версию HTML использует данный документ. Если версия не указана, то добиться корректного отображения документа в браузере становится труднее.
HTML 4.01 устанавливает три варианта объявления версии HTML. Варианты различаются тем, какие элементы они поддерживают. Таким образом, следует включить в свой документ один из нижеследующих вариантов.
-
Строгое – HTML 4.01 Strict – включает все элементы и атрибуты, которые не являются не рекомендуемыми или не входят в документ типа «набор фрэймов».
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-
Переходное – HTML 4.01 Transitional – включает всё из строгого, а также не рекомендуемые элементы и атрибуты.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-
Набор Фрэймов – HTML 4.01 Frameset – включает всё из переходного плюс фрэймы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Элемент html
Начальный тег: не обязателен, конечный тег: не обязателен.
Начало и конец документа обозначается тегами <html> и </html> соответственно. Эти тэги обозначают, что находящиеся между ними строки представляют единый HTML-документ.
Элемент состоит из двух разделов:
-
раздел заголовка – элемент HEAD;
-
раздел содержательной части документа – элемент BODY.
Элемент head
Начальный тег: не обязателен, конечный тэг: не обязателен.
Раздел документа HEAD определяет его «шапку» и не является обязательным, его можно оставить пустым или удалить полностью (не рекомендуется). Он содержит специальные указания для браузера или поисковых систем Интернет.
Рассмотрим основные элементы шапки:
-
Заголовок документа – TITLE.
Каждый документ HTML обязан элемент TITLE в разделе HEAD.
Начальный тег: необходим, конечный тег: необходим.
Запись: <TITLE> название документа </TITLE>
-
Базовый URL – BASE.
Элемент разметки BASE служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной (частичной) форме, т.е. относительных ссылок.
Начальный тег: необходим, конечный тег: запрещен.
Запись: <BASE HREF="базовый URL">
Например:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Наши Продукты</TITLE>
<BASE href="http://www.aviary.com/products/intro.html">
</HEAD>
<BODY>
<P>Вы видели наши <A href="../cages/birds.gif">Клетки для Птиц</A>?
</BODY>
</HTML>
относительный URL "../cages/birds.gif" будет расширен до:
http://www.aviary.com/cages/birds.gif
-
Взаимосвязи документов – LINK. Элемент LINK определяет взаимосвязи текущего документа с другими документами.
Начальный тег: необходим, конечный тег: запрещен.
Запись:
<LINK [REL=тип_отношения] [HREF="URL"]
[TYPE=тип_содержания]
>
Например:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<LINK REL=stylesheet href="../css/style.css"
TYPE="text/css"
>
</HEAD>
-
Описатели стилей – STYLE.
Элемент разметки STYLE предназначен для размещения описателей стилей. При этом описание стиля из данного элемента разметки, если оно совпадает по имени класса и/или идентификатору подкласса со стилем, описанным во внешнем файле, заменяет описание стиля из внешнего файла. С точки зрения влияния на весь документ, описатели стилей задают правила отображения для всей страницы.
В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля. Это может быть либо. Если элемент разметки открыт открывающим тегом, то он должен завершаться закрывающим тегом.
Начальный тег: необходим, конечный тег: необходим.
Запись:
<STYLE TYPE=тип_описания_стилей>
описание стиля/стилей
</STYLE>
Возможные значения атрибута TYPE: text/css, либо text/javascript.
Например:
<HEAD>
<STYLE type="text/css">
H1 {border-width: 1; border: solid; text-align: center}
</STYLE>
</HEAD>
-
Сценарии – SCRIPT.
Элемент SCRIPT помещает скрипт в документ. Этот элемент может появляться любое число раз в HEAD и BODY документа HTML.
Начальный тег: необходим, конечный тег: необходим.
Запись:
<SCRIPT [TYPE=тип_языка_сценариев]
[SRC=URL]>
</SCRIPT>
Атрибут TYPE определяет язык скрипта содержимого элемента, например "text/javascript". Веб-браузерами поддерживается несколько сценарных языков: JavaScript, VBScript, JScript. По умолчанию подразумевается JavaScript.
Атрибут SCR определяет URL местонахождения внешнего скрипта. Если атрибут src не установлен, содержимое элемента интерпретируется как скрипт. Если SCR определен, то скрипт буден затребован по указанному URL.