Создание WWW страничек -- дело несложное.
1. Азбука
2. Минимальный документ
3. Часто используемые флажки
1. Web-страничка -- это текст, который Вы
хотите увидеть на экране плюс специальные флажки, форматирующие его.
Язык разметки страничек называется HTML (HyperText Markup Language); Существует международный стандарт HTML3.2, полностью описывающий все возможные флажки и их допустимые сочетания. К счастью, программы просмотра терпимы к нарушениям стандарта и ошибкам в синтаксисе: если они встречают флажок, который им незнаком, они делают вид что этого флажка вообще не было.
Файл, содержащий HTML документ должен иметь расширение .htm или .html
Для компоновки Web-страничек можно использовать любой текстовый редактор, сохраняющий "только текст", т.е. текст без символов форматирования, установки шрифтов и т.д. Например редактор Norton Commander-а, edit в DOS, Notepad или Write в Windows или vi в UNIX.
Картинки и другие нетекстовые компоненты НЕ ВСТАВЛЯЮТСЯ в документ непосредственно и хранятся отдельно. Вместо этого в текст вставляется ссылка, указывающая программе просмотра имя файла, содержащего картинку. Стандартно поддерживаются только фораты картинок GIF и JPEG.
Для создания страничек совершенно не обязательно иметь доступ к сети. Все известные мне программы просмотра (Netscape, Mosaic, lynx и т.д.) могут открыть файл с документом, находящийся на Вашем жестком диске. (В Netscape, например, для этого из меню "File" надо выбрать пункт "open File").
2. Минимальный (пустой) документ имеет вид:
<HTML>
<HEAD>
<TITLE> здесь заголовок ОКНА Netscape </TITLE>
</HEAD>
<BODY>
здесь собственно документ
</BODY>
</HTML>
Почти все флажки -- парные (как открывающие и закрывающие скобки), закрывающий
флажок предворяется символом "/". Например, если Вы хотите выделить
слово жирным шрифтом, Вы пишете <B>слово</B>. Здесь
<B> и </B> -- флажки, указывающие программе просмотра как надо
изображать обрамленное ими слово.
Большие и маленькие буквы не различаются, например <BR>, <Br> и <br> совершенно равноправны и одинаково вызывают принудительный перевод строки в тексте. Часто действие флажков интуитивно понятно (для знающих английский):
<B></B> -- Bold (жирный)
<I></I> -- Italic (курсив)
<P></P> -- Paragraph (параграф)
Программа просмотра заменяет все последовательно идущие символы пробелов, табуляции и возврата каретки на единственный пробел.
3. Наиболее часто используемые флажки:
<P> </P> -- абзац
<BR> -- принудительный перевод строки
<H1> </H1>, <H2> </H2>, ... <H6> </H6> --
заголовки разных размеров
<IMG src="имя_файла.gif"> -- вставить картинку.
<A HREF="http://www.openweb.ru"> мастерская </A> --
сделать слово "мастерская" гипертекстовой ссылкой на сервер openWEB.
Последние два флажка иллюстрируют важный факт: кроме своего имени флажки могут содержать (и часто содержат) один или больше параметров. Например, чтобы вставить в документ картинку, я не просто указал флажок <IMG>, а еще и снабдил его параметром SRC="имя_файла.gif", (без которого флажок <IMG> особого смысла, надо полагать, не имеет). Часто параметры необязательны и служат для уточнения внешнего вида элемента:
<HR> изображается как горизонтальная канавка,
<HR NOSHADE> -- горизонтальная полоска,
<HR WIDTH=50%> -- горизонтальная канавка шириной в половину экрана.
Таким образом, создание гипертекстового документа -- простая и приятная работа:
1. Вы создаете минимальный документ,
2. Вставляете внутрь флажков <BODY></BODY> Ваш текст
3. Размечаете текст (параграфы, заголовки и т.д)
4. Вставляете ссылки на картинки
5. Вставляете гипертекстовые связи
6. Загружаете готовый документ в программу просмотра
ГОТОВО!
Однако важно, чтобы документ был приятен на вид -- легко читался и с удовольствием смотрелся. Но это уже совсем другая история ...
Возврат
к началу страницы
Для желающих продолжить: Таблички