Этот сайт больше не обновляется. Сайт К. Полякова «Преподавание, наука и жизнь» переехал по адресу kpolyakov.spb.ru. Новый адрес страницы, к которой вы обратились: Пожалуйста, обновите свои закладки. Через 5 секунд вы будете перенаправлены на новый сайт автоматически.

HTML

Начало

С чего начать?

Создание Web-страницы можно разбить на несколько этапов.

С помощью любого текстового редактора создаем текстовый файл, содержащий команды языка HTML. Здесь можно использовать Блокнот или WordPad из стандартных программ, а также любой другой текстовый редактор, например, встроенный редактор оболочки FAR. Обратите внимание, что файл должен быть сохранен в виде простого текстового документа (без оформления) и иметь расширение *.htm или *.html. Русские буквы должны быть набраны в кодировке Windows.
Открыть файл в браузере. Для этого можно использовать два способа
- Открыть браузер, выбрать пункт меню Файл-Открыть и найти файл на диске.
- Найти файл в Проводнике (или через Мой компьютер) и «открыть» его, щелкнув дважды по значку. При этом запускается браузер, установленный по умолчанию. В оболочке FAR можно выделить файл курсором и нажать клавишу Enter.
Чтобы внести изменения в страницу, можно выбрать команду Просмотр источника (или Просмотр в виде HTML) из меню Вид или контекстного меню, которое появляется при нажатии на правую кнопку мыши. При этом исходный файл откроется в Блокноте или WordPad-е (для браузера Opera). После изменения файл необходимо сохранить, перейти в окно браузера (с помощью панели задач) и обновить документ (нажав на F5 или кнопку обновления).

А проше всего — взять на этом сайте бесплатный HTML-редактор HEFS, в котором вы сможете редактировать текст Web-страницы и сразу посмотреть ее в«рабочем» виде.

Тэги

Размещение информации на Web-странице задается с помощью специальных команд — тэгов. Тэг — это команда, которую понимает браузер. Тэги заключаются в угловые скобки < и >. Можно записывать тэги как маленькими, так и большими буквами (и даже вперемежку).

Тэги бывают парные и непарные. Непарный тэг говорит о том, что в этом месте надо вставить какой-то элемент, например, рисунок или разделительную линию. Например, тэг

<BR>

означает переход на новую строку в тексте (без абзацного отступа).

Парный тэг состоит из двух частей — открывающего и закрывающего тэгов. Закрывающий тэг имеет то же самое имя, чтои открывающий, но перед именем ставится знак / (слэш). Действие парного тэга распространяется на всё, что находится между ними. Например, парный тэг

выравнивает по центру страницы всю информацию, расположенную на месте многоточия.

Простейшая страница

Вот текст простейшей Web-страницы на языке HTML:

<HTML>
<HEAD>
<TITLE>Моя первая Web-страница</TITLE>
</HEAD>
<BODY>
Привет!
</BODY>
</HTML>

А вот как выглядит окно браузера, если открыть эту страницу:

Попробуем разобраться. Страница начинается с тэга <HTML> и заканчивается закрывающим тэгом </HTML>. Содержимое страницы находится между ними и делится на две части, которые заключаются в парные тэги <HEAD> и <BODY>.

Тэг <HEAD> (от английского head — голова) содержит заголовок страницы, записанный внутри тэга <TITLE>, и, возможно, другую служебную информацию, например, ключевые слова для поисковых машин.

В рабочую область браузера выводится все, что находится внутри тэга <BODY> (от английского body — тело). Именно внутри этого блока надо размещать текст, рисунки, таблицы и т.п.

В следующем разделе вы узнаете о том, как кодировать цвета в языке HTML.