September 25 2017 16:13:27
Навигация
Последние статьи
· СО-И0497 Saiman полн...
· JK-298 массажер, Кит...
· ЗП-220 звонок, СССР,...
· V-99 Hearing Aid - о...
· Cambridge Translator...
· Адаптер УКВ FM-U обз...
· SSBN-643 George Banc...
· Челябинск советский ...
· Г. Скребицкий "Хитра...
· Автомобили - реклама...
· Пармская обитель и с...
· Мирра Лохвицкая: Я х...
· XII в. Успенский и Д...
· XII в. Георгиевский ...
· Орхит - воспаление я...
Иерархия статей
Статьи » IT - высокие технологии » Все об HTML
Все об HTML

Структура HTML-документа. Начинаем работу

 

С чего начинается HTML

 

Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":

 

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

 

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2 (это проверенная, но очень старая версия). Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

 

Пример самого короткого HTML-документа:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

 

С чего начинается работа

 

На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается с добавлением косой черты.

 

Затем, между тегами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>

 

Если приведенный выше пример пояснить схематически, получится следующее:

 

Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.

 

Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE).

 

Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY>

 

<!-- -->

 

(HTML 1.0) – Comment ()

 

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

Пример:

 

<HTML>

...

<!-- Начинаем чуткую работу с телом документа -->

<BODY>

<!-- Всталяем табличку с прайс-листом -->

...

</BODY>

<!-- Все. Готово -->

</HTML>

 

Примечания:

 

Комментарии, расположенные внутри элемента TITLE (как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна. Иначе говоря, тег <!-- --> внутри TITLE не действует.

Не ленитесь комментировать все, что написали. Это волшебное правило сэкономит вам немало времени при попытке разобраться в собственном творении пару месяцев спустя.

 

Листаем далее...

 

:)

Комментарии
Нет комментариев.
Добавить комментарий
Пожалуйста, авторизуйтесь для добавления комментария.
Реклама
Авторизация
Логин

Пароль



Вы не зарегистрированы?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Google



Счетчики
Казахстанский компьютерный портал
waiting... info@pretich.ru

Яндекс цитирования

Яндекс.Метрика

2,469,517 уникальных посетителей