Структура HTML-документа. Начало работы. Прочие HTML-коды и их значения - 29 Апреля 2013 - Блог Сайтостроителя - WebDirect UA
ПОРТАЛ
WebDirectUA
Вт, 17.01.2017, 09:58
Приветствую Вас Гость | RSS
 
Главная Блог СайтостроителяРегистрацияВход
Меню сайта
Мини-чат
Наш опрос
Какая социальная сеть Вам нравится больше?
Всего ответов: 43




Главная » 2013 » Апрель » 29 » Структура HTML-документа. Начало работы. Прочие HTML-коды и их значения
03:48
Структура 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 не действует.
  • Не ленитесь комментировать все, что написали. Это волшебное правило сэкономит вам немало времени при попытке разобраться в собственном творении пару месяцев спустя.

Форматирование текста

В этом разделе описаны элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.

Элементы форматирования текста:

  • BASEFONT - Определяет основной шрифт, которым должен отображаться текст документа
  • FONT - Позволяет изменять цвет, размер и тип шрифта текста
  • I - Выделяет текст курсивом
  • EM - Используется для смыслового выделения текста (курсивом)
  • B - Выделяет текст жирным шрифтом
  • STRONG - Усиленное выделение текста (жирным)
  • U - Выделяет текст подчеркнутым
  • S, STRIKE - Выделяет текст перечеркнутым
  • BIG - Отображает текст увеличенным шрифтом (относительно текущего)
  • SMALL - Отображает текст уменьшенным шрифтом (относительно текущего)
  • SUP - Отображает текст со сдвигом вверх (верхний индекс)
  • SUB - Отображает текст со сдвигом вниз (нижний индекс)
  • CODE, SAMP - Оформляют текст как формулу или программный код
  • TT - Отображает текст моноширинным шрифтом
  • KBD - Выделяет текст, который предлагается набрать на клавиатуре
  • VAR - Используется для обозначения в тексте переменных
  • CITE - Оформляет текст как цитату или ссылку на источник
Автор: В.Городулин

Design› layout› editing››› «Web Direct»
Просмотров: 257 | Добавил: WebDirect | Теги: Сайтостроение-структура HTML | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Логин:
Пароль:
Поиск
Календарь
«  Апрель 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Архив записей




Online-counter


WebDirectUA © 2012-2017
Используются технологии uCoz