Создание страницы HTML

Структура страницы HTML состоит из открывающих тегов и закрывающих. Тег — это обозначение то из чего будет состоять наша первая страница HTML, то есть <html> - это тег, а «обычный текст» - это обычный текст. Тег <html> должен обязательно иметь закрывающий, вида </html>. Например, открываем голову документа <head> и закрываем ее </head>.

Страницу HTML можно создать очень легко, смело открывайте блокнот, нажимайте на Файл — Сохранить как... и сохраняйте с именем index, вместо .txt пишем .html. В пустое, открытое блокнотом поле вносим вот эту запись:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

запись эта является служебно-ознакомительной и нужна она для браузера, который теперь знает, что у нас страница в формате HTML 4.01 версией.

После первой записи вносим

<html>

теперь браузер знает где начинается наша HTML гипер разметка.

Прописываем голову для нашей страницы, как же без головы? :)

<head>

в голове страницы находятся всякие разные служебно-информативные примочки, но одна из них все ж выводит полезную информацию для просмотра. И так, в голову вписываем строку отвечающую за вывод текста определенным языком, так как у на применяются кириллическое знаки, то пишем:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

всю строку описывать не стану, но остановлюсь на самой последней charset=utf-8 в кторой windows-1251 как раз и отвечает за вывод кириллицы, есть еще одно, международного масштаба обозначение кириллицы utf-8, но мы все ж остановимся на windows-1251.

В браузере, в самом верхнем левом углу можно вывести название нашей страницы, делаем строку этого вывода:

<title>Самая первая страница HTML</title>

заметили <title> в начале и </title> в конце строки? Не примени мы закрывающий тег </title>, браузер бы не знал где кончается название нашей страницы и некоторые версии браузеров могут из-за этого безобразия войти в ступор.

Так, на чем мы остановились?

После тега <title>Самая первая страница HTML</title> пишем закрывающий тег нашей головы:

</head>

далее переходим сразу к телу документа. А где же шея? Спросите вы. А нету в HTML документах шеи, вот нету и все, за головой сразу идет тело.

Открываем наше тело:

<body>

вот как раз в тело и нужно понапихать всякое разное что мы и будем видеть в браузере, запихнем мы в нашу самую первую страницу HTML заголовок и немного текста, и так:

<h1>Наш заголовок страницы HTML</h1>
<p>немного текста</p>

но это еще не все, тело открыто, обозначение html, то же открыто, нужно все это позакрывать.

Пишем:

</body>

закрыли тело

</html>

закрыли обозначение html.

Все, можно на сохраненный файл кликать два раза мышкой и любоваться двумя строчками в браузере:)

На всякий случай приведу полный текст нашего документа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>Страница HTML</title>
 </head>
 <body>
  <h1>Заголовок страницы</h1>
  <p>Текстовая строка</p>
 </body>
</html>

В следующем описании создании страницы HTML будут описаны - HTML – шрифтовое форматирование текста.