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

Документ взят из кэша поисковой машины. Адрес оригинального документа : http://www.gao.spb.ru/personal/ivanov/simple/simple.html
Дата изменения: Mon May 21 17:36:04 2007
Дата индексирования: Tue Oct 2 01:01:30 2012
Кодировка: Windows-1251
Поисковые слова: п п п п п п п п п п п п п п п п п п п п п п п п

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

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

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

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