- •Введение- история-перспективы.
- •Теги, определяющие структуру документа
- •Строки, содержащей информацию о версии html
- •Блока заголовка документа
- •Тела документа, которое содержит либо непосредственнно обрабатываемую информацию либо определяющего набор фреймов.
- •Html 4.0 Strict – указывает на то, что такой документ не должен содержать отмененных элементов и атрибутов и не должен быть контейнером для фреймов.
- •Html 4.0 Traditional – более «мягкое определение». Может содержать все то, что и html 4.0 Strict, а также ряд отмененных элементов и атрибутов.
- •Html 4.0 Frameset - указывает на то, что данный документ является контейнером для набора фреймов.
- •Элемент meta
- •Vlink – Отменен Указывает цвет посещенных ссылок.
- •Id, class – идентификаторы элемента
- •Группирующие элементы div, span
- •Как правило вывод элемента уровня блока начинается с новой строки.
- •Id, class – идентификаторы элемента
- •Заголовки – элементы h1,h2,h3,h4,h5 и h6.
- •Id, class – идентификаторы элемента
- •Элемент address
- •Id, class – идентификаторы элемента
- •Фреймосодержащие документы
- •Элемент frame
- •Id, class – идентификаторы элемента
- •Элемент noframes
- •Элемент iframe
- •Id, class – идентификаторы элемента
- •Ссылки Элемент a
- •Если указан атрибут href – то источник
- •Если указан атрибут name – назначение для произвольного числа ссылок.
- •Целевые имена кадров
- •Элемент link
- •Списки.
- •Рисунки.
- •Типы управляющих элементов, создаваемые с помощью элемента input
- •Примеры форм с управляющими элементами типа input
- •Элемент button
- •17.6 Элементы select, optgroup и option
- •17.6.1 Заранее выбранные варианты
- •17.7 Элемент textarea
- •17.9.1 Элемент label
- •17.10 Добавление в формы структуры: элементы fieldset и legend
- •17.11 Переход фокуса на элемент
- •17.11.1 Переход с помощью клавиши Tab
- •17.11.2 Клавиши доступа
- •17.12 Отключенные управляющие элементы и элементы только для чтения
- •17.12.1 Отключенные управляющие элементы
Vlink – Отменен Указывает цвет посещенных ссылок.
Устаревший способ
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Traditional//EN ”>
<HTML>
<HEAD>
<TITLE> Оформление документа устаревшим </TITLE>
</HEAD>
<BODY BGCOLOR=”#FFFFC4” TEXT=”#000000” LINK= “#FF0000”
VLINK=”#800000” ALINK=”#00FF00”>
тело документа
</BODY>
</HTML>
Лучше для этих целей использовать таблицы стилей.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Strict//EN ”>
<HTML>
<HEAD>
<TITLE> Оформление документа с таблицами стилей</TITLE>
<STYLE TYPE=”text/css”>
BODY {background: #FFFFC4; color: #000000; }
A:link {color: #FF0000 ;}
A:visited {color: #800000;}
A: active {color: #00FF00; }
</STYLE>
</HEAD>
<BODY>
тело документа
</BODY>
</HTML>
Общие атрибуты:
Id, class – идентификаторы элемента
LANG, DIR
TITLE – заголовок элеимента
STYLE – встроенная информация CSS
ONLOAD, ONUNLOAD события, происходящие при загрузке и выгрузке документа
Группирующие элементы div, span
Все элементы, располагающиеся внутри BODY, подразделяются на «элементы уровня блока» и «встроенные элементы», или «элементы уровня текста». Их различие сводится к следующему
Элементы уровня блока могут содержать внутри себя как встроенные элементы, так и другие элементы уровня блока. Иными словами элементы уровня блока образуют более глобальную структуру, нежели встроенные.
Как правило вывод элемента уровня блока начинается с новой строки.
Элемент DIV – относится к уровню блока
SPAN – ко встроенным элементам.
Оба эти элемента применяются для форматирования соответствующей части документа с использованием таблицы стилей.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Strict//EN ”>
<HTML>
<HEAD>
<TITLE> Оформление документа с таблицами стилей</TITLE>
<STYLE TYPE=”text/css”>
DIV.Main {text-align: center; background: green; }
SPAN.Light {background: white ;}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS=”Main”>
<p> абзац блока <SPAN.CLASS=”Light”> часть текста на белом фоне
</SPAN> продолжение первого абзаца текста
<p> следующий абзац
</DIV>
</BODY>
</HTML>
Собственные атрибуты:
ALIGN (только для DIV) Отменен. Задает выравнивание блока. Может принимать значения:
Center выравнивание по центру
Left – по левому краю
Right – по правому краю
Justify – по обоим краям.
Общие атрибуты:
Id, class – идентификаторы элемента
LANG, DIR
TITLE – заголовок элеимента
STYLE – встроенная информация CSS
Заголовки – элементы h1,h2,h3,h4,h5 и h6.
Соответствуют тегам контейнерам.
Определяют названия разделов.
Собственные атрибуты:
ALIGN Отменен. Задает выравнивание заголовка. Может принимать значения:
Center выравнивание по центру
Left – по левому краю
Right – по правому краю
Justify – по обоим краям.
Общие атрибуты:
Id, class – идентификаторы элемента
LANG, DIR
TITLE – заголовок элемента
STYLE – встроенная информация CSS
Элемент address
Используется как правило для предоставления контактной информации.
Стандартно текст внутри контейнера отображается курсивом.
<ADDRESS>
Татьяна Карпова <BR>
E-mail: <A HREF=”kts@aanet.ru”> kts@aanet.ru </A>
</ADDRESS>
Общие атрибуты: