October 20 2020 04:30:42
Навигация
Последние статьи
· TUNGSRAM - лампочки ...
· Развод во времена СССР
· 2К11 "КРУГ" - ЗРК СССР
· 555 китайский фонарик
· Резка металла ножовк...
· Ремонт КМД - часть 6
· Ремонт КМД - часть 5
· Ремонт КМД - часть 4
· Ремонт КМД - часть 3
· Ремонт КМД - часть 2
· Ремонт КМД - часть 1
· Г. Х. Андерсен Дюймо...
· Фолиевая кислота - т...
· Глицин озон - Glycin...
· Шпора пяточная - деф...
Последние комментарии
Новости
Это коллективное умопо...
Национализм - самое гн...
Где-то читал, что Соко...
[b]ya.os-vika:[/b] Ни...
[b]Морковкин:[/b] В...
Статьи
Сейчас такая поверочна...
Когда наш завод громил...
У вас неплохо... богат...
Тоже полезная статья -...
Хорошая статья - польз...
Фотогалерея
Вот здесь я начал выкл...
Я думаю это не украинц...
Печальное зрелище... д...
Lexa-SU не уподобляйте...
А еще были ништяк - бл...
Отдельные страницы
В 7 дейс есть интересн...
Все профукали - русски...
Толян: — В результа...
Oskar: Вроде бы все ус...
У них другой менталите...
Иерархия статей
Статьи » 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



Счетчики
Казахстанский компьютерный портал




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

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

7,508,278 уникальных посетителей