Благодетели сайта

HTML

HTML — это язык разметки документа и расшифровывается атрибут HTML как HyperText Markup Language. Разметка HTML позволяет располагать элементы в документе, как и какой элемент будет отображаться. Расположение элементов и представление информации на странице, полностью зависят от поставленных целей и умения веб разработчика.

Создать HTML документ можно просто, даже очень просто, только не пользуйтесь для этих целей Word-ом, иначе он понапихает столько «мусора», что потом разобраться во всем этом будет сложно. Итак, запускаем обыкновенный блокнот, создаем текстовый файл с именем index, при сохранении заменяем расширение txt на html, сохраняем и любуемся на жестком диске только что созданным нашим HTML файлом index.html. Затем, тем же блокнотом открываем наш созданный файл, что же мы там увидим? Ничего!

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

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

с версией HTML мы определились, это будет версия 4.01, далее говорим о начале нашего кодинга и второй строкой помещаем эту запись:

<html>

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

<head>

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

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

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

Затем прописываем тег:

<title>Страница HTML</title>

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

Теперь нам нужно закрыть голову, то есть обозначить рамки головы и делается это при помощи закрывающего тега

</head>

так, с головой разобрались, а что идет ниже головы? Шея? У HTML документа нет шеи и сразу идет тело, делаем тело вот таким тегом:

<body>

в теле документа размещается информация которая нужна для форматирования элементов и отображения их в браузере.

Сделаем заголовок первого уровня и обычную текстовую строку:

<h1>Заголовок страницы</h1>
<p>Текстовая строка</p>

как вы уже заметили, все открывающие теги имеют закрывающие, то есть, например открывающий тег заголовка страницы <h1> обязательно должен иметь закрывающий </h1>, иначе текстовая строка будет выделена форматом заголовка.

Больше в наше тело документа ничего прописывать не будем, поэтому закрываем его:

</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=utf-8" />
  <title>Страница HTML</title>
 </head>
 <body>
  <h1>Заголовок страницы</h1>
  <p>Текстовая строка</p>
 </body>
</html>

сохраняем это все хозяйство, открываем жесткий диск, переходим на то место где был сохранен наш документ, находим файл index.html, “щелкаем” по нему курсором мыши два раза и любуемся в браузере на наше творение :)