TEA текстовый редактор

© 2001-2002 программирование, документация: Петр 'Roxton' Семилетов
© 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">&#171; главная страница</a><br>
  <a class="less" href="sitefiles/archive.html">&#171; архив sтатей</a><br>
  <a class="less" href="sitefiles/news.html">&#171; новости сайта</a><br>
  <a class="less" href="sitefiles/exch.html">&#171; обмен ссылками и баннерами</a><br>
  <a class="less" href="sitefiles/abus.html">&#171; пара слов о проекте</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