В начало

Все мы когда то, что то начинаем. И не все мы прирожденные вебдизайнеры. Однако, большое желание заставляло людей и не такие горы ворочать. Поэтому, как говорил товарищ Ленин В.И.: "Надо учиться, учиться и еще раз учиться". И да здравствует бесплатное образование! Эту страницу, я откопал на сайте одного человека, однако пользоваться этим даром в одиночестве мне показалось кощунственно, поэтому я и несу ее в масс. Думаю, упоминанание его домашней страницы будет достаточным жестом Здесь можно найти все для написания страниц при помощи Explorera и блокнота от Windows. Используя две эти программы ( для графики Вам также наверняка пригодится Photoshop), можно делать WEB-сайты любой суперсложности, хотя в этом случае без книги по HTML вам все-же не обойтись. Но не пугайтесь, в написании страницы нет ничего сложного, и сбацать ее можно буквально за несколько минут. (Я правда переделываю свою уже почти два месяца, и она нравится мне все меньше и меньше.) Надеюсь что Вам от этого будет легче ...

Рекомендуемое разрешение для просмотра 800*600 или более.

<<< Вертикальная полоса слева- переход к оглавлению учебника.
Только она почему-то не работает :-( - примечание Кадавра

HTML для Чайников

Создание документа в HTML

В HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе. Язык HTML представляет из себя множество парных меток- тегов, открывающих < >, и закрывающих </ > действие правил соответствующих данному тегу. Сами теги могут быть безсчетно вложены друг в друга, и потому чтоб не запутаться в собственной писанине, принято описывать каждый из вложенных тегов отдельной строкой. Кроме своевременного закрытия меток, необходимо учитывать и некоторые возможные ошибки.

Чтобы написать WEB страницу, Вы можете создать при помощи блокнота или Worda текстовый файл, назвав его например NewPages.txt и набрать две команды- тега: <html> и </html>. Теперь необходимо поменять расширение файла .txt на .htm и редактировать пространство между этими двумя метками(в том же блокноте или Worde) до полной готовности, просматривая в Internet Explorere и не забывая обновлять всякий раз после изменения.

Лично я, делаю это так:

  1. Щелкаю мышью по значку нужной WEB-страницы и жду пока открывается Explorer.
  2. Ставлю курсор мыши на текст открывшейся в Explorere (не на картинку) страницы и щелкаю правую кнопку.
  3. В появившемся меню выбираю "просмотр источника".
  4. После открытия блокнота (или Worda) с HTML кодом страницы, выставляю полосу прокрутки примерно в то-же положение, что и в броузере.(почти всегда срабатывает :)
  5. Редактирую код по своему усмотрению.
  6. Закрываю блокнот (или Word).
  7. На вопрос о сохранении отвечаю положительно.(В случае работы с Word'oм сохранять нужно как текстовый файл, -из-за этого лишнего вопроса, я и не люблю Word)
  8. Щелкаю в Explorere "обновить".

Все очень просто. К тому же, если вы еще не поняли, то при помощи блокнота можно изменить любую понравившуюся Вам страницу в интернете. Вы можете поменять скажем графику и текст, оставив не тронутым стиль форматирования, цвета и все что вам еще нужно. Это называется грязный стиль. Но в принципе, именно так и создавался этот учебник...


Пишем первую страницу

(Экспресс метод Илоны Давыдововны)

Как говорится в поговорке: Дураку пол дела не показывают. А потому начнем с того, чем уважающие себя учебники заканчиваются. Вам понадобится графический фаил в формате JPG, желательно с собственной фотографией (Чему еще посвящять свою первую страницу, как не себе любимому?) Назовите его "Image.jpg". (Если нет у вас графического файла с расширением JPG, не расстраиваитесь: Перепешите из папки этого учебника файл Lego.gif в папку с вашей страницей. Он тоже подойдет. А в тексте создаваемого документа подмените имя файла Image.jpg на Lego.gif.)(я думаю у тебя есть графический редактор, так что присылаю тебе только сам учебник без дополнительных файлов. - примечание Кадавра)Теперь создайте в блокноте новый документ, например : "MyPage.txt". Дальше впишите в него преведенный ниже текст.

<html>
<head>
<title>
Первая страница
</title>
</head><body bgcolor="olive">
<h1>Моя первая страница</h1><hr><p align="center"><img src="Image.jpg"></p>
<h3 align="center">Да будет вечно жить в памяти народной создатель этой прекрасной страницы, то есть Я!</h3><hr></body></html>

Все что написано по русски, конечно можно изменить. Теперь нужно сохранить файл и поменять расширение с txt на htm (значек при этом должен поменятся на интернетовский) Если вы написали все теги правильно, то можете смело открывать созданный документ в Internet Explorere и любоваться работой. Как видите все не так сложно. Если вместо вашей фотографии на экране нарисован какой-то квадратик с крестиком, значит ваша рожа не влазит в экран :) В этом случае проверьте, чтоб и страница и фотография лежали в одной папке, а имя файла соответствовало ссылке на него, то есть в нашем случае- Image.jpg. Полюбовавшись собой уничтожте данный фаил, и начинайте читать дальше. Это было слишком просто, чтобы ставить на этом точку...


Пример документа в HTML

Заголовки. Абзацы. Текст размер шрифта. Цвет. Стили. Ошибки.Горизонтальная линия. Прерывание строки.

HTML текст такой страницы выглядит примерно так:

<html> <head> <META HTTP-EQUIV="Content-Type" Content="text/html; charset=windows-1251"> <title>Пример HTML текста</title></head> <body><hr> <p align="center">Заголовки. Абзацы. Текст. <font size="1">р</font> <font size="2">аз</font> <font size="3">мер</font> ... И т.д. и т.п. </body> </html>

  • Заголовок документа начинается с <html> и заканчивается </head>(невидим для пользователя)
  • Тело документа начинается с <body> и заканчивается </body></html>(Здесь описано то что броузер выведет на экран)

HTML не различает, какими буквами набраны символы форматирования: <title> равносильно <TITLE> или <TiTlE> Исключение составляют Специальные символы.

Почти все метки в HTML -парные, и должны закрываться в строгой очередности. Исключение составляют метки <hr> <br> и Специальные символы. Некоторые теги имеют необязательные закрывающие метки, но они прекрасно описаны в книгах по HTML, и я затрагивать их не собираюсь. Дело в том что броузеры пропускают все непонятные им символы "мимо ушей", и испортить страницу правильным, хотя и явно лишним тегом невозможно.


Заголовки документов

Для объявления заголовка служат символы:

<HEAD><TITLE> Заголовок</TITLE></HEAD>

Заголовок HTML-документа может включать неограниченное количество META-инструкций.Они должны располагаться между метками <head> и <title>. META-инструкция это краткое описание документа или-же прямое указание для броузера. Пример:

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> ( или charset=koi8-r">)- инструкция дает указание броузеру интерпретировать документ как HTML-текст в кодировке Windows ( или кои-8).

<META HTTP-EQUIV="Refresh" CONTENT="17; URL=http://www.abcd.ru"> ( или URL=music.mid">) -Такая инструкция через 17 секунд начнет загрузку узла с указанным адресом ( или начнет воспроизведение файла в звуковом формате, если тот поддерживается броузером.)


Основные элементы

Основной текст страницы находится после заголовка, между метками:<BODY> и </BODY>.

Первую из них обычно используют для задания цвета или фона страницы : <BODY BGCOLOR="GREEN"> или <body background="Image.gif"> для использования в качестве обоев, фонового рисунка, например с именем Image.gif


Абзацы

В отличие от документов в большинстве текстовых процессоров, прерывания строк и слов в HTML-файлах не существенны. Обрыв строки может происходить в любом пункте в вашем исходном файле, при просмотре это прерывание будет проигнорировано. Вместо 68 пробелов броузер покажет в тексте только один, так что в этом плане особо можете не напрягаться, если только вы не используете Авторский стиль. Разделение документа на абзацы задается только при помощи таблиц, меток <p> и </p> а также <br>. Огромное значение в HTML имеет возможность выравнивания. Например следующая строка:

<P ALIGN="CENTER"> Выравнивание по центру</P> Выдаст на экране :

Выравнивание по центру

align - выравнивание в абзаце. Допустимо: "left","center","right". По умолчанию, броузер ровняет все елементы по левому краю.

Текст

Для выделения заголовков в тексте существует метка <H1></H1>. Где число- размер шрифта от 1 до 6 в порядке уменьшения. Например заголовок этого параграфа в HTML выглядит так:

<h4>Текст</h4> .

Обычный текст рекомендуется располагать в абзацах: <p>текст</p>. В этом случае он будет выделен отступлением строки.Редактирование текста может производится с применением Логических и Физических стилей форматирования.

Размер шрифта в тексте можно задавать с помощью команд <font size="n"> Значения для n могут лежать в пределах от 1 до 7 по возрастанию размера шрифта (противоположно размерам заголовков) например:

<p align="center"> <font size="5">Размер шрифта = 5</font></p> дает на экране:

Размер шрифта = 5

Также размещение текста возможно и вовсе без меток, в этом случае становится невозможным его выравнивание (что в принципе бывает и ненужно), а шрифт принимает размер соответствующий <font size="3">.
Цвет шрифта задается командой color="цвет":
например <font color="green" size="5">Размер шрифта = 5 </font> выдаст ту же строку что и в предыдущем примере, только зеленую.

Цвет

Internet Explorer поддерживает 16 предопределенных цветов: AQUA, BLACK, BLUE, FUCHSIA, GRAY, GREEN, LIME, MAROON, NAVY, OLIVE, PURPLE, RED, SILVER, TEAL, WHITE, YELLOW. Но вообще-то гораздо более круче задавать цвет в цифровом выражении (16 цветов здесь явно маловато...), то есть в виде: <BODY BGCOLOR="#0127EF"> или <font color="#FF34C6">
Цветность шифруется интенсивностью трех основных цветов: красного, зеленого и синего(RGB)в шестнадцатеричной системе. 00- нулевая интенсивность, FF- максимальная насышенность. Соответственно: #000000 или просто #0 - черный цвет,#FF0000- красный, #00FF00 или #FF00- зеленый, #0000FF или #FF- синий, #FFFFFF- белый максимальной интенсивности.(нули перед другими цифрами можно отбрасывать)

Пришлось срочно вставлять этот параграф, чтоб не отвечать на одни и те же постоянно приходящие вопросы. Цвет фона и текста необходимо подбирать индивидуально для каждой страницы. Я пользуюсь очень маленькой программкой Pixie возвращающей цвет пиксела, на котором находится курсор мыши. Удобно при подборе фона под фотографии, например. Последнюю версию в интернете вы можете найти здесь. Для наглядности, я насобирал для вас небольшую коллекцию цветов, на мой взгляд довольно разнообразную: (Верхняя часть из них, колонками по три, была выставленна в качестве примера правильного подбора цветов, в RU/ководстве Артемия Лебедева.)

При цифровом выражении цвета не забывайте знак: #
Например: font color="#2547ff"


Соединение с другими документами

Browser выделяет цветом и/или подчеркиванием ключевые слова, являющиеся гиперссылками. Гиперссылка -обращение к документу, или к части документа обозначенной закладкой.

<A HREF="Main.htm ">Ссылка на Main.htm</A>.

Здесь ключевые слова `Ссылка на Main.htm' являются гиперссылкой на файл Main.htm, который лежит в той же директории, что и текущий документ. Ссылку на файл NJStats.html, лежащий в поддиректории AtlanticStates можно описать как:

                   <A HREF="AtlanticStates/NJStats.html">New
                        Jersey</A>

Это так называемые относительные ссылки. Вы также можете использовать абсолютное имя файла (полный путь вроде: http://www.Atlantic.com/AtlanticStates/NJStats.html ). В общем случае, использование ссылки по абсолютному имени файла более предпочтительно.

Гиперссылки можно давать не только на картинки и гипертекст, а обсолютно на любые фаилы. Например если вы хотите разместить у себя ссылку на на архив с игрой Doom2 то пишите примерно так: <a href="doom2.exe"> В этом случае броузер открывает окно с вопросом о сохранении данного файла на Вашем диске.


Гиперссылка на определенный участок другого документа

Чтобы создать ссылку на определенную часть документа, необходимо зделать закладку к которой будет происходить обращение Например закладка в документе Main.htm:

<a name = "А001">Глава1</a> Таким образом слово Глава1 в документе превращается в закладку с именем А001.
 
Теперь создадим ссылку из другого документа на закладку А001, находящююся в Main.htm:
 
<a href="Main.htm#A001">Ссылка на Главу1</a>
 

Гипертекстовая ссылка внутри документа

Техника соединения аналогична предыдущей но опускается имя файла. Например, связь с Главой 1 внутри того же самого файла Main.htm

<a href="#A001">Ссылка на Главу1</a>

Значек # -обязателен! (моя постоянная ошибка...)


Таблицы

Таблицы являются наиболее замечательной особенностью HTML. Вооружившись небольшим количеством знаний, вы сможете использовать их, чтобы создавать впечатляющее разнообразие эффектов при проектировании страниц. Таблица размещается между тегами <table> и </table>. Например:

<TABLE BORDER="3" BGCOLOR="YELLOW"> <TR> <TH>Это простая</TH> <TD> <img src="lego.gif"> </TD> <TD>таблица</TD> </TR> <TR> <TH>необходимая</TH> <TD>для</TD> <TD>форматирования</TD> </TR> </TABLE> Дает на экране:
 
Это простая таблица
необходимая для форматирования
<TR> -Новая строка.<TH> -Ячейка для заголовков.</TH> <TD> -Ячейка для обычного текста.</TD> </TR> -Закрыть строку. Без своиства "BORDER" таблица останется без сетки. "BGCOLOR" -цвет фона- можно использовать как для таблицы в целом, так и для каждой ячейки в отдельности. Например: <tr> bgcolor="#FF35"> Это относится и к возможности использования в качестве фона графического файла. Например: BACKGROUND="Image.jpg".

Также таблицей могут управлять атрибуты CELLPADDING="n" -определяет отступ от содержимого внутри ячеек, и CELLSPACING="n" -ширина границ между ячейками -все в пикселах. (Присутствие BORDER тем не менее определяет, будут ли границы присутствовать вообще.)

Что же касается исключительно ячеек, то они могут иметь заранее обозначенное число строк (что увеличивает их размер по высоте), и длину в пикселах: <TD ROWSPAN="3" WIDTH="85" BACKGROUND="lego.gif"><font color="blue">МАМА МЫЛА РОМУ</font></TD> что дает:

МАМА МЫЛА РОМУ


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

<UL>
<LI> яблоки </LI>
<LI> бананы </LI>
</UL>

Дает на экране:

  • яблоки
  • бананы

Нумерованные списки: (нумерация автоматичнская)

<OL>
<LI> апельсины </LI>
<LI> персики </LI>
<LI> виноград </LI>
</OL>

Дает на экране:

  1. апельсины
  2. персики
  3. виноград

Browser автоматически нумерует элементы такого списка.


Списки определений

Список определений обычно состоит из чередования термина ( DT ) и определения ( DD ). Обычно Web browsers определения располагает на новой строке.

                   <DL>
                   <DT> NCSA </DT>
                        <DD> National Center for Supercomputing Applications</DD> 
                   </DL>
                        что дает: 
NCSA
the National Center for Supercomputing Applications

Вложенные списки

Списки могут быть произвольно вложены друг в друга (Примером также может служить оглавление этой страницы):

<UL>
<LI> Крупные города России:
<UL>
<LI> Москва
<LI> Санкт-Петербург
</UL>
<LI> Крупны е города Украины:
<UL>
<LI> Киев
</UL>
</UL>

что дает на экране:

  • Крупные города России:
    • Москва
    • Санкт-Петербург
  • Крупные города Украины:
    • Киев

Бегущая строка

Для создания бегущей строки напишите в исходняке следующее: <marquee>Текст</marquee>

Текст
Оформить строку можно следующим образом:

<marquee dehavior="alternate" bgcolor="yellow" scrolldelay="145" width="50%">< font size="5" color="red">Текст бегущей строки.</font></marquee>

Текст бегущей строки.

Dehavior="alternate" - команда заставляющая строку болтаться туда-сюда. По умолчанию данной команды, строка ползет с права на лево. BGCOLOR -цвет фона. Все что касается цвета ( а также самого текста бегущей строки) см. здесь Scrolldelay - скорость перемещения. Width - длина бегущей строки ( необязательно в процентах ).


Авторский стиль редактирования

Текст документа формируется browser, игнорируя повторение пробелов и перенос строк. Если использовать <pre> </pre> все ваши пробелы будут сохранены, а строки будут прерываться там же, что и в исходном HTML-файле.

При этом на экране текст пишется
                        шрифтом фиксированной ширины. 

В пределах <PRE> могут использоваться гиперссылки. Однако, в пределах <PRE> , необходимо избегать использовние других методов форматирования.


Цитаты

Используя <BLOCKQUOTE> </BLOCKQUOTE>, можно включить в текст отдельную цитату. Броузер отделяет такую цитату от окружающего текста.


Адреса

<ADDRESS> используется, чтобы описать e-mail адрес

<ADDRESS> lenka@srdlan.npi.msu.su</ADDRESS>

Дает на экране:

lenka@srdlan.npi.msu.su

Логические стили

<DFN> </DFN>
служит для описания определений. (Это определение.)
<EM > </EM >
служит для выделения слов. (Это выделенное слово.)
<CITE> </CITE>
служит для выделения заголовков книг, фильмов, цитат и т.п. (Это цитата)
<CODE> </CODE>
служит для выдлеления программных кодов, текстов программ и т.п. Изображается шрифтом фиксированной ширины. (The <stdio.h> header file)
<KBD> </KBD>
используется для приглашения пользователя к вводу с клавиатуры . (Введите password)
<SAMP> </SAMP>
используется для машинных сообщений. Изображается шрифтом фиксированной ширины. (Seg mentation fault: Core dumped.)
<STRONG> </STRONG>
служит для ОСОБОГО выделения слов. Обычно выделяется жирным шрифтом (очень важно )
<VAR> </VAR>
используется для символьных переменных. (Это переменная.)

Физические стили

<B>, </B>
жирный шрифт (это жирный шрифт)
<I>, </I>
наклонный шрифт (это наклонный шрифт)
<TT>, </TT>
шрифт заданной ширины (это fixed шрифт)

Специальные символы

Символы <, >, & и " имеют в HTML особое значение, как символы форматирования. Но иногда нам необходимо использовать их в тексте по своему прямому назначению. Для их введения в текст, Вы должны использовать:

&lt;
- левая скобка <
&gt;
- правая скобка >
&amp; - амперсанд &
&quot; - кавычки "

ЗАМЕЧАНИЕ :Специальные символы чувствительны к регистру: НЕЛЬЗЯ использовать &LT; вместо &lt; Знак ; ОБЯЗАТЕЛЕН!

Более подробное описание использования различных символов в интернете, Вы можете найти в ЗДЕСЬ.


Прерывание стороки

Используя <BR> Вы можете перейти на новую строку внутри абзаца:

<p>Институт Ядерной Физики<BR>Московского Государственного Университета</p>

даст на экране:

Институт Ядерной Физики
Московского Государственного Университета

Применение <br> два раза подряд дает пустую строку.


Горизонтальная линия

Используя <HR> Вы можете разделить текст горизонтальной чертой, такой-же как разделены все параграфы этой страницы. Используя своиства size и width , можно указывать высоту в пикселах и длину в процентах. Например <hr size="8" width="40" color="red"> нарисует такую линию: (Если цвет не указан, то по умолчанию устанавливается обычно серый)



Внутренние рисунки

Как не обидно, но вставлять в WEB страницу, можно графические файлы только в двух форматах: JPG и GIF. GIF -чисто интернетовский формат. Малый размер файла. Имеет возможность анимации. Содержит всего 256 цветную палитру, поэтому сохраненные в нем фотографии выглядят некрасиво. Зато JPG -как раз и предназначен для полноцветных изображений. Но размеры файла соответственно больше. Чтобы включить в страницу рисунок, надо описать ссылку на него:

                   <IMG SRC="Image">

где Image -графический фаил в формате gif или jpg , содержащий рисунок.

Вы можете задавать взаимное расположение рисунка и текста:

- это выравнивание по нижнему краю (делается browser по умолчанию).

- это выравнивание по верхнему краю.

Положения рисунка задается включением атрибута ALIGN = " ":

<IMG SRC="Image.gif" ALIGN="top">

Также возможны типы выравнивания:

ALIGN = "MIDDL"
ALIGN = "CENTER"
ALIGN = "LEFT"
ALIGN = "RIGHT"

Графические гиперссылки

Любая картинка, как и любой другой видимый элемент страницы, может стать гипертекстовой ссылкой. Например при нажатии на левую вертикальную полосу, являющуюся графическим файлом, можно оказаться в начале этого учебника. Вот HTML текст этой ссылки:

<a href="#start"><img src="instruct.jpg" alt="Вначало"></a>

Вы можете собрать несколько графических файлов в мозаику таким образом, что при нажатии на каждый из ее элементов будет происходить обращение к различным документам. Для этого необходимо использовать таблицу. А в каждую ячейку с размещенным там изображением, необходимо добавить соответствующую ссылку.


Если Browsers не поддерживает рисунки

Некоторые WWW-browsers, (например, используемые на VT100-терминалах) не могут показывать рисунки. Так-же рисунок может быть потерян или испорчен, в этом случае пользователь увидит только текст заданный в свойстве alt=" ". Сопроводительный текст должен быть включен в кавычки. Например :

команда <img src="Image.gif" alt="ПРИВЕТ!"> покажет на экране: ПРИВЕТ !

Этот же текст можно увидеть через некоторое время после наведения и удержания курсора мыши на самой картинке. Удобно для коментариев. (Пример- та же вертикальная полоса слева.)


Внешние рисунки, звуки и мультипликация

Если Вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, Вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить - смотреть или не смотреть ему этот рисунок:

<A HREF ="Lego.gif">Здесь</A> Вы можете увидеть рисунок.

Здесь Вы можете увидеть рисунок.


Возможные ошибки

Наложение различных стилей

Рассмотрим следующую строку HTML-документа:

<B>Это пример <DFN>наложения стилей</B> в HTML-документе</DFN> Слова "наложения стилей" определены одновременно как <B> и <DFN>. Как будут реагировать на это browser? Очевидно, что разные browser - по разному, и предсказать, каким на самом деле увидет Ваш текст пользователь, нельзя. Поэтому рекомендуем Вам избегать такого наложения стилей.


Изменение стиля внутри гиперссылки

Можно использовать гиперссылку внутри строки заданного стиля:

<H1><A HREF = " begth_r1.html "> Введение в HTML </A></H1>

Но нельзя изменять стиль внутри гиперссылки:

<A HREF = " begth_r1.html "> <H1> Введение в HTML </H1> </A>


Ошибочная ссылка

Когда Вы описываете ссылку <IMG> на рисунок, которого не существует, он заменяется фиктивным изображением. Проверьте, что рисунок существует и что гиперссылка описывает правильный URL файла.


Более длинный пример

Рассмотрим более длинный пример HTML-документа, на предмет правильного закрытия тегов. (Содержимое можно выделить мышью и скопировать, вставив затем в созданный при помощи Блокнота текстовый фаил с расширением .HTM , и просмотреть в броузере):

<HTML><HEAD>
<TITLE> Более длинный пример</TITLE>
</HEAD>
<BODY BGCOLOR="OLIVE">
<H1 ALIGN="CENTER">Более длинный пример</H1>
<P ALIGN="CENTER"><FONT COLOR="BLUE" SIZE="4">Это простой HTML-документ. Это первый абзац. </FONT></P>
<P><FONT COLOR="RED" SIZE="5">Это второй абзац, он демонстрирует некоторые возможности HTML по выделению слов. </FONT><BR>
Это слово написано <I>наклонным</I> шрифтом.<BR> Это слово написано <B>жирным</B> шрифтом.<BR>
Здесь Вы можете увидеть картинку:
<IMG SRC="LEGO.GIF" ALT="КАРТИНКА N1"></P><HR>
<P> Это третий абзац, он демонстрирует использование гиперссылок. <BR>
Это гиперссылка на файл minihtml.html, содержащий простой пример HTML-документа:
<A HREF="minihtml.html">Пример HTML-текста</A></P>
<H2 ALIGN="CENTER">Заголовок второго уровня</H2>
<P>Дальнейший текст будет написан шрифтом фиксированной ширины:</P>
<P> <PRE> On the stiff twig up there Hunches a wet black rook Arranging and rearranging its feathers in the rain ...
</PRE> </P>
Это ненумерованный список, состоящий из двух элементов: <P>
<UL>
<LI><FONT SIZE="2">смородина </LI>
<LI> черника</FONT> </LI>
</UL>
Конец документа. </P> <P>
<ADDRESS>Elena G. Koroteyeva (lenka@srdlan.npi.msu.su)</ADDRESS> </P>
</BODY> </HTML>

Дополнительная информация

За дополнительной информацией Вы можете обратиться в:


Формы

Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере.

Как это делается рассказывается здесь (по-русски).



Особая благодарность Елене Коротеевой за терпимость к безжалостному глумлению над ее оригинальным материалом Учебника HTML.

Заходите и пишите. Vitalik E-mail

Последняя редакция: 10 декабря 2001.


Сайт создан в системе uCoz