August 14 2020 18:27:21
Навигация
Последние статьи
· Фолиевая кислота - т...
· Глицин озон - Glycin...
· Шпора пяточная - деф...
· Речь Патриарха Алекс...
· Сельская - вареная к...
· 1918 - Декрет о своб...
· Работа в СССР — фото...
· ЗиС-3 76-мм дивизион...
· Хрущев и строительст...
· Канадский гамбит: Ка...
· Отзыв об «Отзовике» ...
· Японская рисованная ...
· Самолет пакистанских...
· Инструкция по выбору...
· Инструкция по выбору...
Иерархия статей
Статьи » 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 не действует.

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

 

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

 

:)

Комментарии
Нет комментариев.
Добавить комментарий
Пожалуйста, авторизуйтесь для добавления комментария.
Реклама
Последние комментарии
Новости
Национализм - самое гн...
Где-то читал, что Соко...
[b]ya.os-vika:[/b] Ни...
[b]Морковкин:[/b] В...
[b]Vip-Tip:[/b] Доц...
Статьи
Тоже полезная статья -...
Хорошая статья - польз...
Американские самолеты ...
Нравятся мне такие дре...
Отзовик и по качеству ...
Фотогалерея
Lexa-SU не уподобляйте...
А еще были ништяк - бл...
Так это уже после разв...
А сейчас казаки - одна...
Сперва не понял... ока...
Отдельные страницы
Толян: — В результа...
Oskar: Вроде бы все ус...
У них другой менталите...
Oskar: Жулики, что тут...
[b]АЛАШ ОРДА:[/b] ...
Авторизация
Логин

Пароль



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

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



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




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

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

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