Как создать простейшую страничку "руками"

WWW-страницы пишутся на языке HTML (HyperText Markup Language). Они представляют собой обычный текстовый файл, в котором присутствуют тэги - конструкции в угловых скобках, типа <CENTER>, которые разъясняют браузеру (программе просмотра WWW-cтраниц), как нужно форматировать документ. Хотя для создания WWW-страниц существует множество специальных редакторов (один из популярных - Misrosoft FrontPage), но для быстрого изготовления странички иногда удобнее воспользоваться любым простым текстовым редактором - например, Notepad 'ом (но НЕ Word 'ом !).

При этом нужно иметь в виду несколько простых вещей:

  1. Регистр текста в тэгах может быть любым. Таким образом, <html> эквиваленто <HTML>. Первый вариант удобнее писать, второй - заметнее в HTML-тексте и делает его более внятным.
  2. Если браузер встретит в тексте неизвестный ему тэг, он просто его проигнорирует.
  3. Нужно помнить, что как правило (но не всегда) открывающему тэгу должен соответствовать закрывающий, начинающийся символом "/". Например, встретив конструкцию <CENTER>Это текст</CENTER> браузер отцентрирует фразу находящуюся между двумя тэгами, а выражение <CENTER>Это текст</XENTER> приведет к ошибке - второй тэг, написанный неправильно, будет проигнорирован, и в результате весь оставшийся в документе текст будет выровнен по центру. Исключения из этого правила - тэги <P>, <IMG>, и некоторые другие, менее распространенные, которые не требуют закрывающего.
  4. Браузеру безразлично, как разбит на строки и абзацы исходный текст - он форматирует его сам. Кроме того, любое количество пробелов в тексте эквивалентно одному.
  5. Если текст написан по-русски, то желательно (в некоторых случаях - обязательно), чтобы его кодировка была CP-1251 ("кодировка Windows").

Ниже приведена таблица, в которой слева приводится текст исходного HTML-документа, а правее - то, как это будет выглядеть в браузере. Упомянутых в таблице тэгов достаточно для оформления простейшей странички. Если же Вы хотите создать что-то более сложное - возможно, Вам поможет "Практическое руководство по HTML" Николая Чувахина.

.
Исходный HTML-текст Видно в браузере Примечания
<HTML>
<BODY>
  Это стандартный заголовок HTML-файла
<CENTER>
<H1>
Заголовок
</H1>
</CENTER>

Заголовок

Заголовок документа. Для изменения размеров можно использовать тэги <H2>, <H3>, <H4>
<P>
Текст первого абзаца.
Текст первого абзаца. Каждый новый абзац должен начинаться тэгом <P>.
<P>
Текст второго абзаца с выделением <I>кусивом</I>, <B>жирным шрифтом</B> и <FONT COLOR="RED">цветом</FONT>
Текст второго абзаца с выделением курсивом, жирным шрифтом и цветом.  
<P>
<A HREF="simple.html">Гиперссылка</A> в тексте.
Гиперссылка в тексте.  
<P>
<CENTER>
<TABLE BORDER=1>
<TR>
<TD>A</TD>
<TD>B</TD>
</TR>
<TR>
<TD>C</TD>
<TD>D</TD>
</TR>
</TABLE>
</CENTER>
A B
C D
Простая таблица 2x2.
<P>
<CENTER>
<IMG SRC="pic.gif">
</CENTER>
Рисунок желательно публиковать в формате gif, если он штриховой, и формате jpg, если это фотография.
<P ALIGN=RIGHT>
<A HREF="mailto:ivanovv@gao.spb.ru">E-mail</A>.
E-mail. Конструкция ALIGN=RIGHT выравнивает абзац по правому краю документа.
</BODY>
</HTML>
  Это стандартное окончание HTML-файла

Дата последнего обновления страницы: