© 2002 графика, дизайн сайта, СОД-H: Lemon
Словарь Основных Дескрипторов HTML 4 [СОД-H]
алфавитный указатель
01. a
02. b
03. d
04. f
05. h
06. i
07. l
08. m
09. o
10. p
11. s
12. t
13. u
<a> - (от англ. anchor- якорь) тег, используемый для создания гиперссылок, якорей, используемых для перемещения внутри одного документа. <a> иногда используют для выделения фрагмента текста определенным цветом и проч.
атрибуты:
name - имя, используется для создания якорей и в различных сценариях
href - url пункта назначения гиперссылки
target - свойство, которое указывает в каком окне появится загружаемый документ
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur.
примечание:
если не закроете, то все будет ссылкой. нафиг. к чертовой матери.
пример:
<a name="чепонтос" id="чепонтос" href="a.html#чуча" target="_blank" title="go нафиг" style="color:red" class="sea" onclick="hist()">текст гиперссылки</a>

<b> - (от англ. bold- отчетливый, рельефный, жирный) тег, выделяющий текст жирным шрифтом.
атрибуты:
name - имя, используется для создания якорей и в различных сценариях
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
уходя, гасите свет. обязателен закрывающий тег.
пример:
<b id="жирный хрен" name="жирный хрен" class="superbold">жирнючий текст</b>

<body> - (от англ. body- тело) тег, являющийся одной из основных частей html-документа, ограничивает главную его часть (тело).
атрибуты:
background - url картинки-фона
bgcolor - цвет фона
link - цвет гиперссылок
alink - цвет активных гиперссылок
vlink - цвет посещенных гиперссылок
id - используется в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
закрывающий тег желателен, но если совсем влом, можно упустить. <body> используют не только как самостоятельный тег, но и вкладывают в пару <noframes> в документах с использованием фреймов. о, какая полезнючая инфа!
пример:
<body id="bodyto" bgcolor="#ff00ff" background="grib.jpg" link="#000000" alink="#ff0000">
..
</body>

<div> - (точное происхождение не установлено, вероятно, от англ. divisor - разделитель) тег параграфа с расширенными возможностями. может включать практически все теги от <p> до <table>.
атрибуты:
align - выравнивание находящихся внутри тега объектов (по центру, слева и проч.)
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
не забывайте о закрывающем теге!!!
пример:
<div align="justify" id="parafin" style="sonofabitch">
..
</div>

<font> - (англ. font - шрифт) собственно тут все ясно ;)
атрибуты:
face - собственно название шрифта
size - размэр
color - цвет
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
примечание:
устарел дядя, лучше используйте <span>. вот такая борода. ну и закрывайте, конечны.
пример:
<font size="2" color="#ff55ff" face="courier">с новым годом. извините.</font>

<frame> - (англ. frame - рамка) рамка.
атрибуты:
name - имячко
src - файл рамки
noresize - растяжима или нет. значения не указываются.
scrolling - наличие полосы прокрутки
frameborder - граница
marginwidth - поля по бокам
marginheight - поля сверху и снизу
bordercolor - цвет границы
id - используется в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
примечание:
закрывающего тега нафиг не нужно.
пример:
см. <frameset>

<frameset> - (англ. frame - рамка; set - набор, комплект) определяет то, как будут отражаться рамки.
атрибуты:
cols - высота фреймов
rows - ширина фреймов
border - граница в пикселях
bordercolor - цвет границы
frameborder - объемная рамка (1 - да, 0 - нет)
framespacing - невидимая рамка заданной ширины
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
style - стиль css
а также обработчики событий: onblur, onfocus, onload, onunload.
примечание:
сюды вы вкладываете дескрипторы <frame> или <frameset>. если вы добры и заботитесь о братьях наших меньших, то воткните еще и <noframes> после </frameset>.
пример (с сайта LemonLinx):
<frameset cols="170px,*" frameborder="0" border="0">
<frame src="sitefiles/menu.html" name="menu" noresize scrolling="no">
<frame src="sitefiles/text.html" name="text" noresize scrolling="yes">
</frameset>

<h1>..<h6> - (англ. heading - заголовок) заголовок. от одного до шести, т.е. от самого важного до запердышного.
атрибуты:
align - выравнивание находящихся внутри тега объектов (по центру, слева и проч.)
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
если вы не хотите видеть весь текст буквами на весь экран закрывайте тег.
пример:
<h1 align="center" title="гей тссс">microsoft must die</h1>

<head> - (англ. head - голова всему голова) эта часть html-файла не видна в браузере (кроме title) и просто так вставляется в файл. зачем она нужна? ну так просто. шоб было.
атрибуты:
ничего такого особенного я не припомню...
пример (с сайта TEA):
<head>
<title>-> TEA // свежее</title>
<meta http-equiv="content-type" content="text/html">
<meta name="keywords" content="TEA, текст, редактор, лучший текстовый редактор">
<meta name="description" content="TEA - бесплатный многофункциональный текстовый редактор">
<meta name="author" content="design by lemon <deni@arh.ru>, content by петр 'roxton' семилетов">
<meta name="generator" content="TEA 3">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
пример (из более ранних версий сайта TEA):
<head>
<meta http-equiv="content-type" content="text/html">
<meta name="keywords" content="TEA, текст, редактор">
<meta name="description" content="TEA - бесплатный многофункциональный текстовый редактор">
<meta name="author" content="design by lemon <deni@arh.ru>; content by петр 'roxton' семилетов">
<meta name="generator" content="TEA 2">
<title>TEA</title>
<style type="text/css">
body { margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; padding:0 }
a { text-decoration:none }
a:link { color:#4a68d5 }
a:visited { color:#4a68d5 }
a:active { color:#cccccc }
a:hover { color:#ffffff }
table { width:100%; height:100%; border:none; background:#000000 }
</style>
</head>

<html> - (англ. hypertext - гипертекст; markup - разметка; language - язык; т.е. hypertext markup language - язык разметки гипертекста. урра! товарищи!) это наше все.
примечание:
именно в этот дескриптор пихается винни-пух и все-все-все. абсолютно все. то, что находится вне этого дескриптора браузер может проигнорировать.
пример:
<html>
<head>
<title>супер страниццца. гы.</title>
</head>
<body>
</body>
</html>

<i> - (от англ. italic - курсивный) тег, выделяющий текст наклонным шрифтом.
атрибуты:
name - имя, используется для создания якорей и в различных сценариях
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
закрывать хоросё, нет - плёха, однако.
пример:
<i id="курсивный хрен" name="наклонный хрен" class="superitalic"> ё-моё, какой наклонный текст</i>

<iframe> - (англ. inline - внутритекстовый; frame - рамка) рамка, помещаемая внутри страницы.
атрибуты:
align - выравнивание
src - url файла
name - имя, используется для создания якорей и в различных сценариях
width - ширина (не путать с ширинкой)
height - высота
scrolling - наличие полосы прокрутки
frameborder - граница
marginwidth - поля по бокам
marginheight - поля сверху и снизу
bordercolor - цвет границы
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
примечание:
я его не люблю. наверное, потому, что он используется во всяких баннерах и проч.
пример:
<iframe width="25" height="100000" src="puke.html" name="gofuckyermum">
а это для братьев наших меньших...
</iframe>

<img> - (англ. image - изображение, картинка. между прочим, наше "имидж" - это ихнее "image") вставляет очень клевую картинку.
атрибуты:
align - выравнивание
src - url картинки
alt - пишите сюда комментарий/название картинки
name - имище (это я слово такое изобрел имя + ище = имище = большущее имя)
width - ширина
height - высота
ismap - является ли картинка картой?
usemap - какую карту использует?
border - граница
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
вставлять в свои страницы можно только очень клевые картинки!!!
пример (из одного из моих проектов):
<img border="0" src="images/line.gif" alt="содержание. линия времени" usemap="#mapsoorce">
<map name="mapsoorce">
<area href="history/topic1.htm" shape="circle" alt="появление человека" coords="61,59,13">
<area href="history/topic2.htm" shape="circle" alt="становление народов" coords="110,85,13">
<area href="history/topic3.htm" shape="circle" alt="великое переселение народов" coords="152,110,13">
<area href="#" shape="circle" alt="ссылка недоступна" coords="187,131,13">
<area href="#" shape="circle" alt="ссылка недоступна" coords="264,175,13">
<area href="#" shape="circle" alt="ссылка недоступна" coords="295,191,13">
<area href="#" shape="circle" alt="ссылка недоступна" coords="323,207,13">
<area href="#" shape="circle" alt="ссылка недоступна" coords="351,224,13">
<area href="history/topic9.htm" shape="circle" alt="правление святослава" coords="379,240,13" >
<area href="#" shape="circle" alt="ссылка недоступна" coords="410,257,13" >
<area href="history/topicr.htm" shape="circle" alt="религия древних славян" coords="24,280,10">
</map>

<li> - (англ. list - список; item - пункт) элемент списка.
атрибуты:
type - тип (a - огроменные буквы; a - мааааленькие буквы; i - большушие римские цифры; i - малюсенькие римские; 1 - арабские; circle - окружность; disk - круг; square - квадрат)
id - аналог name, но круче
class - класс css
title - содержимое всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
см. <ol>
см. <ul>

<link> - (англ. link - связка, т.е. ссылка) ссылка на всяческие примочки.
атрибуты:
rel - класс документа, но который ссылаемся
href - url документа
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
пример:
см. <head>

<meta> - (англ. meta - мета, т.е. метка, отметка) такая штука с информацией для браузера и итересующихся.
атрибуты:
name - имя свойства
content - значение свойства.
http-equiv - аналог name (нафига он нужон?)
пример:
см. <head>

<object> - (англ. object - объект) всякая фигня типа апплетов или нестандартных для web форматов - flash и проч...
атрибуты:
classid - такую штуку в жизь не выдумать - обозначение класса объекта (?)
codebase - это где искать инфу или плагин для данному объекту
codetype - хз что такое
data - своего рода src
type - тип объекта (уже нормальными словами)
align - выравнивание
src - url объекта
alt - альтернативный текст
name - имя
width - ширина (широка срана моя родная...)
height - высоты (высока страна моя родная...)
ismap - является картой
usemap - использовать карту
border - граница
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
я как-то не очень разбираюсь в атрибутах этого тега (их тут до.. фига), так что вот.
пример (flash):
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="500" height="600">
<param name="movie" value="cat.swf">
<param name="loop" value="false">
<param name="menu" value="true">
<param name="quality" value="best">
<param name="bgcolor" value="#888888">
</object>

<ol> - (англ. ordered - упорядоченный; list - список) пронумерованный список.
атрибуты:
type - тип (a - заглавные буквы; a - строчные буквы; i - прописные римские цифры; i - строчные римские цифры; 1 - арабские цифры)
start - с какого цифиря начинать
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
это на любителя. я, например, предпочитаю самодельные списки. надо закрывати!
пример:
<ol class="emoespisokmisok" start="2002">
<li>наш завод выпускает 123 тыс. ал. мисок</li>
<li>наш завод выпускает 781 млн. ал. мисок и выходит на мировой рынок</li>
</ol>

<p> - (англ. paragraph - параграф) параграф. менее крутой тег, чем <div> в себе не может помещать себе подобных, таблицы и проч.
атрибуты:
align - выравнивание находящихся внутри тега объектов (по центру, слева и проч.)
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример (из non-frame версии сайта lemonlinx):
<p class="nflinks">
<a class="less" href="sitefiles/text.html">« главная страница</a><br>
<a class="less" href="sitefiles/archive.html">« архив sтатей</a><br>
<a class="less" href="sitefiles/news.html">« новости сайта</a><br>
<a class="less" href="sitefiles/exch.html">« обмен ссылками и баннерами</a><br>
<a class="less" href="sitefiles/abus.html">« пара слов о проекте</a><br>
</p>

<param> - (англ. parameter - параметр) параметр.
атрибуты:
name - имя задаваемого параметра
value - значение
valuetype - тип значения
type - тип того, на что указывает значение
пример:
см. <object>

<pre> - (англ. preformatted - отформатированный заранее) текст, который отображается, как он написан (с пробелами и прочей дрянью)
атрибуты:
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
<pre>
чп "ньювасюковски" |яйца _____________________________|____ несушка 1 | 4 несушка 2 | 6 дядя вася | 2 _____________________________|____ всего | 12 </pre>

<span> - (англ. span - ?) замена для <font>
атрибуты:
id - для создания якорей и в различных сценариях
class - класс css
title - содержимое всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
<span class="fontsux">
тумба-юмба тумба-юмба тумба-юмба тумба-юмба тумба-юмба!!!
</span>

<style> - (англ. style - стиль) css внутри документа.
атрибуты:
type - тип
примечание:
аналогичная содержанию этого тега штука в .css файле вызывается при помощи <link>
пример:
см. <head>

<table> - (англ. table - таблица) таблица.
атрибуты:
height - высота
width - ширина
align - выравнивание
bgcolor - цвет фона (архаистичный атрибут)
border - граница
cellspacing - расстояние между соседними ячейками
cellpadding - отступ от границы ячейки
id - идентификатор, используется для создания якорей и в различных сценариях
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
создавать сложно устроенные таблицы довольно геморройно...
пример (с сайта TEA):
<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="black" width="20px" rowspan="7">
</td>
<td class="name" height="100px">
</td>
</tr>
<tr>
<td class="black" height="8px">
</td>
</tr>
<tr>
<td class="red" height="8px">
</td>
</tr>
</table>

<td> - (англ. table - таблица; data - данные) ячейка таблицы.
атрибуты:
height - высота
width - ширина
colspan - сколько столбцев "обхватывает" ячейка в ширину
rowspan - сколько ячеек - в высоту
align - выравнивание
valign - вертикальное выравнивание
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
см. <table>

<title> - (англ. title - название) будет показываться в заголовке окна. обязателен для каждого html-документа.
примечание:
использование скриптов может оживлять текст и нервировать посетителей.
пример:
см. <head>

<tr> - (англ. table - таблица; row - ряд) строка таблицы, т.е. группа ячеек.
атрибуты:
align - выравнивание
valign - вертикальное выравнивание
id - аналог name
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
см. <table>

<u> - (от англ. underlined - подчеркнутый) подчеркивает текст.
атрибуты:
name - имя, используется для создания якорей и в различных сценариях
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
примечание:
обязателен закрывающий тег.
пример:
<u id="подчеркнутый хрен" name="подчеркнутый хрен" class="superbold">подчеркнутый текст, ёпонский городовой!</u>

<ul> - (англ. unordered - неупорядоченный; list - список) непронумерованный список.
атрибуты:
type - тип (circle - окружность; disk - круг; square - квадрат)
id - аналог name, но круче (потому что новее)
class - класс css
title - содержимое этого аттрибута будет отображено в виде всплывающей подсказки
style - стиль css
а также обработчики событий: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
пример:
<ul class="emoespisokmisok">
<li>цифры не имеют значения!</li>
</ul>

версия от 28 06 2002 :: рекомендации: opera 6, 1024X768 16 bit :: сделано с помощью TEA 3 :: тест на opera 6.01, mozilla 1.0 и MS Internet Explorer 6.0