Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html » Struktura-dokumenta-html

Структура html документа

В этой статье мы перейдем непосредственно к изучению кода языка гипертекста и познакомимся со структурой html. Почти любой файл (документ) html имеет следующую структуру:

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

Я сказал почти любой т.к. в стандарте html5 структура документа может отличаться.Структура html кода

Теперь постараемся разобраться с этой структурой. Она состоит из контейнеров, в каждый из которых вносится определенный код. Самый большой контейнер <html></html> вмещает в себя весь код HTML. Никогда не пишите код за этим контейнером, иначе можете нарваться на неприятности. Единственное не забывайте указывать доктайп перед этим контейнером. Бывало, встречал сайты без него, ничего хорошего это вам не сулит.

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

А теперь когда вы познакомились со структурой HTML, предлагаю вам создать первую страничку возможно вашего будущего сайта. Для этого нам подойдет простой блокнот от Windows. Он находится в панели «Пуск» в следующей директории Пуск=>Программы=>Стандартные=>Блокнот. Открывайте его внесите в него следующий код:

<!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>Заголовок страницы сайта</title>
  </head>
  <body>
<h1>index.html - Главная страница сайта</h1> <p>Основной текст.</p> </body> </html>

После этого сохраните документ с разрешением *.html, пускай, предположим, он будет называться index.html. Далее открываем этот файл любым браузером, для этого нажимаете открыть с помощью …
Вот в принципе и все, вы создали первую страничку. Но кроме двух строчек на ней больше ничего нет, а для того чтобы там что-то появилось, надо внести код элементов, тегов и т.д в контейнер <body></body>. В следующих статьях я постараюсь вам рассказать обо всех этих примочках.



наверх