задачи разработки html:
дать дизайнерам гипертекстовых баз данных простое средство создания документов
сделать это средство достаточно мощным, чтобы отразить имеющиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных

способ представления документа - текстовый файл:
такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде любой операционной системы
к моменту разработки html существовал американский стандарт для разработки сетевых информационных систем - z39.50, в котором в качестве единицы хранения указывался простой текстовый файл в кодировке latin1, что соответствует us ascii

версии языка:
html 1.0 - была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер
html 2.0 - фиксировала практику использования конструкций языка
html++ - новые возможности
html 3.0 - призвана упорядочить все нововведения и согласовать их с существующей практикой

таговая модель документа:

"элемент" := <"имя элемента" "список атрибутов"> содержание элемента
</"имя элемента">
структура документа

элемент html или гипертекстовый документ
состоит из двух частей:
заголовка документа (head)
тела документа (body)

   <html>

   <head>

   содержание заголовка

   </head>

   <body>

   содержание тела документа

   </body>

   </html>

элементы заголовка
<title> поля документа
<base> базовый адрес
<isindex> поисковый документ
<link> общая гипертекстовая ссылка
<meta>   

примеры элементов заголовка:

<title> название документа </title>

<base href="http://polyn.net.kiae.su/>,

<a href="/altai/index.html">

<a href="http://polyn.net.kiae.su/altai/index.html">

<img src="/gif/test.gif">

<img src="http://polyn.net.kiae.su/gif/test.gif">

<isindex href="http://polyn.net.kiae.su/cgi-bin/search" prompt="enter keywords:">

<link rel=help href="http://polyn.net.kiae.su/dss/syshelp.html">

<link rel=banner href=banner.html>

<meta http-equiv="keywords"

content="plsma, nuclear physics">

keywords: plasma, nuclear physics

основные классы элементов тела

тело документа состоит из:
иерархических контейнеров и заставок
заглавий (от h1 до h6)
блоков (параграфы, списки, формы, таблицы, картинки и т. п.)
горизонтальных отчеркиваний и адресов
текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки

элементы стиля
элемент значение примечание
<i>.....</i> курсив(italic)
<b>...</b> усиление(bold)
<tt>...</tt> телетайп
<u>...</u> подчеркивание
<s>...</s> перечеркнутый текст только arena при наличии соответствующего фонта
<big>...</big> увеличенный текст только arena
<small>...</small> уменьшенный фонт только arena
<sub>...</sub> подстрочные символы только arena
<sup>...</sup> надстрочные символы только arena
информационные элементы
элемент значение примечание
<em>...</em> типографское
усиление часто отображается как italic
<cite>...</cite> цитирование не реализовано в
mosaic
<strong>...</strong> усиление отображается как bold
<code>...</code> отображает
примеры кода (например, коды программ) отображается непропорциональным фонтом
<samp>...</samp> последователь-ность литералов не реализован в mosaic
<kbd>...</kbd> пример ввода символов с клавиатуры используется при разработке руководств
<var>...</var> переменная   
<dfn>...</dfn> определение только arena
<q>...</q> текст, заключенный в скобки вид скобок зависит от атрибута lang. реализован только в arena
<lang>...</lang> определяет язык отображения только arena
<au>...</au> автор только arena
<person>...</person> имя персоны введено для простоты выделения при индексировании документов. реализован только в arena
<acronim>...</acronim> акроним только arena
<abbrev>...</abbrev> аббревиатура только arena
<ins>...<ins> вставленный текст только arena
<del>...</del> удаленный текст только arena
управление отображением стиля символов текста

отображение ненумерованного списка

<ul>

<lh>title of www programmes (ncsa).

<li> ncsa httpd;

<li> ncsa mosaic

<ul>

<lh>title of www programmes (cern).

<li> cern httpd;

<li> agora - email robot;

<li> httpd cern;

<li> www line browser;

<li> arena.

</ul>

<ul>

<lh> title of www programmes (netscape).

<li> netsite - server;

<li> netscape novigator.

</ul>

вложенные ненумерованные списки

<ul>

<li>title of www programmes (ncsa).

<ul>

<li> ncsa httpd;

<li> ncsa mosaic

</ul>

<li>title of www programmes (cern).

<ul>

<li> cern httpd;

<li> agora - email robot;

<li> httpd cern;

<li> www line browser;

<li> arena.

</ul>

<li> title of www programmes (netscape).

<ul>

<li> netsite - server;

<li> netscape novigator.

</ul></ul>

вложенные нумерованные списки

<ol>

<hl>нумерованный список

<li>элементы заголовка документа

<ol>

<li>title

<li>base

<li>link

</ol>

<li>элементы тела документа

<ol>

<li>body

<li>heading

<li>paragraph

<li>line break

<li>horizontal rule

<li>...

</ol>

</ol>

пример списка определений

гипертекстовые контекстные ссылки

<a href="http://polyn.net.kiae.su/index.html">

индекс базы данных "полынь"</a>

<a name="point">

<a href="http://polyn.net.kiae.su/index.html#point">

ссылка на точку "point" в документе "index.html"</a>

элемент img

<img src="http://polyn.net.kiae.su/gif/sarclast.gif" alt="sarcofagus.winter, 1997">

<a href="doc.html"><img src="icon.gif" align=middle></a>

таблицы

<table border>

<caption>a test table with merged cells.<credit>(t.berners lee/wwwc,1995.)</credit></caption>

<tr><th rowspan=2><th colspan=2>average>

<th rowspan=2>other<br>category<th rowspan=2>misc</tr>

<tr><th>height<th>weght</tr>

<tr><th align=left>males<td>1.9<td>0.003

<tr><th align=left>females<td>1.7<td>0.002

</table>

пример таблицы

пример таблицы построенной в текстовом редакторе

формы
элемент назначение
input поля ввода информации имеют множество типов
textarea поле ввода многострочного текста
select описание меню
option описание элемента меню

пример использования полей ввода

<form method=post action=http://polyn.net.kiae.su/cgi-bin/test>

<p> ниже приведен список примеров полей ввода:<br>

простое текстовое поле: <input name="test1" value="test1" type="text"><br>

поле типа checkbox: <input name="test2" type="checkbox" checked><br>

поле типа radiobutton: <input name="test3" type="radio"><br>

поле типа password: <input name="test4" type="password"><br>

невидимое поле: <input name="test5" type="hidden" value="kuku"><br>

кнопка submit: <input name="submit" value="submit" type="submit"><br>

кнопка reset: <input name="reset" value="reset" type="reset"><br>

графическая кнопка: <input name="graph" value="default" src="test.gif" type="image"><br>

</form>

элемент textarea

<textarea name="multi" rows=5 cols=20>

this is a test

textarea элемент

</textarea>