пятница, 28 декабря 2012 г.

Структура HTML-документа


Для начала вы должны знать, каждый HTML-документ должен иметь расширение .html. Для этого нужно создать текстовый файл и поменять его расширение с .txt на .html.
Чтобы превратить .txt документ в документ .html, просто поменять расширение недостаточно, а надо еще указать браузеру тип документа, делается это с помощью создания в документе строки !DOCTYPE, которая выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Эта строка указывает браузеру, как именно он должен обрабатывать данный документ. В нашем случае мы указываем браузеру, что наш HTML документ версии 4.01, а слово Transitional означает переходная (которая позволяет использовать как все новые теги, которые появились в версии 4.01 так и устаревшие теги которые были в предыдущих версиях).
Итак, мы указали браузеру что наш документ - это html документ переходной версии 4.01
Но создания одной строки с указанием типа документа и версии недостаточно, нам ещё необходимо показать браузеру его начало и конец. А делается это с помощью тега (контейнера) <HTML>. Необходимо отметить, что любой HTML документ должен открываться тегом <HTML> и им же закрываться </HTML>. Так же необходимо знать, что все html теги должны находится внутри тег html.

Следующий тег который обязательно должен быть в каждом html документе - это тег <HEAD> и </HEAD> в переводе на русский голова и выглядит так:
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Заголовок документа</title>
</head>
Между тегами <HTML> и </HTML>  в теге <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> указана кодировка документа - это универсальная кодировка utf-8.
Следующий тег <title> и </title> Содержит заголовок документа и отображается на вкладке браузера.
Ну и наконец тег <body> и </body> тело документа, именно в этом теге должно размещаться все то, что вы хотите отобразить на странице: это - текст, картинки, таблицы и тд.
Вот и все! Вы получили некоторое представление структуры HTML документа и можете переходить к .
Вот так должен выглядеть ваш HTML документ перед началом работы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Скачать файлы:
Видеокурс по HTML от Евгения Попова
Бесплатный видеокурс содержит 33 урока по HTML.
Видеокурс, раскрывает базовые знания по HTML и будет полезен не только для начинающих сайтостроителей, которые еще не знакомы с HTML, но и для более опытных вебмастеров.
Автор видеокурса: Евгений Попов, размер 344 МБ

Комментариев нет:

Отправить комментарий