|
Все мы когда то, что то начинаем. И не все мы прирожденные вебдизайнеры. Однако, большое желание заставляло людей и не такие горы ворочать. Поэтому, как говорил товарищ Ленин В.И.: "Надо учиться, учиться и еще раз учиться". И да здравствует бесплатное образование! Эту
страницу, я откопал на сайте одного человека, однако пользоваться этим даром в
одиночестве мне показалось кощунственно, поэтому я и несу ее в масс. Думаю, упоминанание его домашней страницы будет достаточным жестом Здесь
можно найти все для
написания страниц при
помощи Explorera и блокнота от
Windows. Используя две эти
программы ( для графики Вам
также наверняка
пригодится Photoshop), можно
делать WEB-сайты любой
суперсложности, хотя в
этом случае без книги по HTML
вам все-же не обойтись. Но
не пугайтесь, в написании
страницы нет ничего
сложного, и сбацать ее
можно буквально за
несколько минут. (Я правда
переделываю свою уже почти
два месяца, и она нравится
мне все меньше и меньше.)
Надеюсь что Вам от этого
будет легче ...
Рекомендуемое
разрешение для просмотра
800*600 или более.
<<<
Вертикальная полоса слева-
переход к оглавлению
учебника. Только она почему-то не работает :-( - примечание Кадавра
В HTML документы
записываются в ASCII формате
и поэтому могут быть
созданы и отредактированы
в любом текстовом
редакторе. Язык HTML
представляет из себя
множество парных меток-
тегов, открывающих < >, и
закрывающих </ >
действие правил
соответствующих данному
тегу. Сами теги могут быть
безсчетно вложены друг в
друга, и потому чтоб не
запутаться в собственной
писанине, принято
описывать каждый из
вложенных тегов отдельной
строкой. Кроме
своевременного закрытия
меток, необходимо
учитывать и некоторые возможные ошибки.
Чтобы написать WEB
страницу, Вы можете
создать при помощи
блокнота или Worda текстовый
файл, назвав его например
NewPages.txt и набрать две
команды- тега: <html> и
</html>. Теперь необходимо
поменять расширение файла
.txt на .htm и редактировать
пространство между этими
двумя метками(в том же
блокноте или Worde) до полной
готовности, просматривая в
Internet Explorere и не забывая
обновлять всякий раз после
изменения.
Лично я, делаю это так:
- Щелкаю мышью по значку нужной
WEB-страницы и жду пока
открывается Explorer.
- Ставлю курсор мыши на
текст открывшейся в
Explorere (не на картинку)
страницы и щелкаю
правую кнопку.
- В появившемся меню
выбираю "просмотр
источника".
- После открытия
блокнота (или Worda) с HTML
кодом страницы,
выставляю полосу
прокрутки примерно в
то-же положение, что и
в броузере.(почти
всегда срабатывает :)
- Редактирую код по
своему усмотрению.
- Закрываю блокнот (или
Word).
- На вопрос о сохранении
отвечаю
положительно.(В случае
работы с Word'oм
сохранять нужно как
текстовый файл, -из-за
этого лишнего вопроса,
я и не люблю Word)
- Щелкаю в 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> <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>
Дает на экране:
- апельсины
- персики
- виноград
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 особое значение,
как символы
форматирования. Но иногда
нам необходимо
использовать их в тексте
по своему прямому
назначению. Для их
введения в текст, Вы должны
использовать:
- <
- - левая скобка <
- >
- - правая скобка >
- & -
амперсанд &
- " - кавычки "
ЗАМЕЧАНИЕ
:Специальные
символы чувствительны к
регистру: НЕЛЬЗЯ
использовать < вместо
< Знак ; ОБЯЗАТЕЛЕН!
Более подробное описание
использования различных
символов в интернете, Вы
можете найти в ЗДЕСЬ.
Используя <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>
Вы можете
собрать несколько
графических файлов в
мозаику таким образом, что
при нажатии на каждый из ее
элементов будет
происходить обращение к
различным документам. Для
этого необходимо
использовать таблицу.
А в каждую ячейку с
размещенным там
изображением, необходимо
добавить соответствующую
ссылку.
Некоторые 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.
|