В этом разделе описываются основные изменения и дополнения языка HTML 4.0 в сравнении HTML 3.2. Полное описание и спецификацию этого языка можно скачать непосредственно с World Wide Web Consortium (W3C) если вы, конечно, хорошо ориентируетесь в английском языке.
Начнем рассмотрение с тэгов, которые в целом описывают документ HTML
Тэг, проверяющий синтаксис HTML документов для броузеров версии ниже 4.0 должен содержать информацию:
<!doctype html public "-//w3c//dtd html 4.0 //en">Практически у всех ТЭГов могут присутствовать один или несколько атрибутов. Основные 6 атрибутов: ID, DIR, TITLE, LANG, CLASS, STYLE.
<h3 title="текст для пояснения данного заголовка">
Это пример заголовка текста. Подведите указатель сюда.
</h3>
Тэг <BODY>
В HTML4.0 атрибуты: BACKGROUND, BGCOLOR, ALINK, LINK, VLINK, TEXT считаются устаревшими, вместо них предлагается использовать таблицы стилей. Например:
<BODY bgcolor="#FFFFFF" text="#000000"Вместо этого можно использовать таблицу стилей:
link="#FF0000" alink="#804000"
vlink="#008040">
</BODY>
<STYLE type="text/css">Тэг <Hx> и Тэг <P>
BODY {background: #FFFFFF; color: #000000}
A:link {color: #FF0000}
A:visited {color: #008040}
A:active {color: #804000}
</STYLE>
.......
<BODY>
.......
</BODY>
<h1 align="center">Вместо этого используем:
<p align="justify">
<STYLE type="text/css">СПИСКИ
h1 {text-align:center}
P {text-align:justify}
</STYLE>
<style>
#list1 {list-style-type:square;}
#list2 {list-style-type : upper-alpha;}
#list3 {list-style-type : lower-roman;}
#list4 {list-style-image : url(rigt.gif);}
</style>
.........
<h3> list-style-type : square </h3>
<ul>
<li ID="list1"> Элемент списка 1
<li ID="list1"> Элемент списка 2
</ul>
<h3> list-style-type : upper-alpha </h3>
<ul>
<li ID="list2"> Элемент списка 1
<li ID="list2"> Элемент списка 2
</ul>
<h3> list-style-type : lower-roman </h3>
<ul>
<li ID="list3"> Элемент списка 1
<li ID="list3"> Элемент списка 2
</ul>
<h3> list-style-image : url(rigt.gif)</h3>
<ul>
<li ID="list4"> Элемент списка 1
<li ID="list4"> Элемент списка 2
</ul>
<style>
#uSpan {text-decoration : underline;}
#sSpan {text-decoration : line-through;}
</style>
</head>
.......
<h3> Шрифты </h3>
<p>
<u>Подчеркнутый </u> и <s>Перечеркнутый </s> текст.
</p>
<p> Тот же эффект с помощью таблицы стилей:
<span id="uSpan"> Подчеркнутый </span> и <span id="sSpan"> Перечеркнутый </span> текст.
</p>
Подчеркнутый и Перечеркнутый текст.
Тот же эффект с помощью таблицы стилей:
Подчеркнутый и Перечеркнутый текст.
<button>
такая<BR>
<img src="_picture.gif">
<BR>
Кнопка
</button>
Элемент <FIELDSET> используется для объединения нескольких элементов в группу. Заголовок группы задается с помощью элемента <LEGEND>. Например:
<form>
<fieldset>
<legend> Выберите цвет текста: </legend><BR>
<input type=radio value=0>Красный
<input type=radio value=1>Синий
<input type=radio value=2>Зеленый
<input type=radio value=3>Желтый
</fieldset>
</form>
<form> fieldset style="background : #5F5F5F; color : #FFFFFF;
width : 400; height : 100;
font-size : 12pt;">
<legend> Выберите цвет текста: </legend><BR>
<input type=radio value=0>Красный
<input type=radio value=1>Синий
<input type=radio value=2>Зеленый
<input type=radio value=3>Желтый
</fieldset>
</form>
Ряд тэгов языка помечены в спецификации как устаревшие, и их использование не рекомендуется для создания новых документов:
APPLET, COMMENT, ISINDEX, PLAINTEXT, U, BASEFONT, DIR, LISTING, S, XMP, CENTER, FONT, MENU, STRIKE
Тэг | Краткое описание |
ABBR | Указывает на то, что элемент содержит аббревиатуру |
BDO | Задает направление отображения текста - слева направо или справа налево |
BUTTON | Предоставляет альтернативный способ для создания кнопок |
COL | Используется для описания колонок таблицы |
COLGROUP | Используется для описания группы колонок |
COMMENT | Используется для задания комментариев |
DEL | Используется для указания области текста, которая была удалена |
FIELDSET | Исп. для объединения нескольких элементов в группу |
FRAME | Описывает фрейм в наборе фреймов |
FRAMESET | описывает набор фреймов |
IFRAME | Описывает "плавающий" фрейм |
INS | Исп. для указания области текста, которая была вставлена |
LABEL | Задает метку интерфейсного элемента |
LEGEND | Задает описание для группы элементов |
NOFRAMES | Исп. для браузеров, не поддерживающих фреймы |
NOSCRIPT | Исп. для браузеров, не поддерживающих скриптовые языки |
OBJECT | Служит для включения в состав страницы различных объектов |
Q | Задает краткую цитату |
SPAN | Элемент-контейнер в рамках одной строки |
TBODY | Задает основное содержание таблицы |
TFOOT | Задает нижнюю часть таблицы |
THEAD | Задает верхнюю часть таблицы |