Основные структурные элементы html документа
Обязательные элементы
Любой html документ содержит заголовок и тело (HEAD и BODY, соответственно). Заголовок и тело документа - обязательные элементы, которые должны находиться внутри элемента HTML, как и все другие элементы. Итак, в заголовке документа содержится в основном служебная информация о самом документе, тогда как тело документа содержит непосредственно сам документ (текст, рисунки и прочие элементы).
Название документа
Название документа задаётся при помощи элемента TITLE. Это очень важный элемент. Он характеризует документ.
Декларация DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> Эта декларация позволяет использовать любые элементы и атрибуты языка HTML.
Комментарии
Комментарии используются чаще всего для пояснений. Комментарии в HTML имеют следующий синтаксис: <!-- текст комментария -->
Простой пример html документа
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<!--Далее идёт код заголовка документа -->
<HEAD>
<TITLE>Название документа</TITLE>
Здесь будут располагаться элементы заголовка документа
</HEAD>
<!--Далее идёт код тела документа-->
<BODY>
Здесь будут располагаться элементы тела документа
</BODY>
</HTML>
Примечание: обратите внимание на закрывающиеся теги. Они имеют символ косой черты - «/».
Примечание: язык HTML нечувствителен к регистру, то есть теги <HEAD>, <HeaD > и <head > будут равносильны.
Основные атрибуты элемента HEAD
Заголовок содержит неупорядоченную служебную информацию о документе - например, название документа; ключевые слова, по которым поисковая машина может индексировать документ; информацию о кодировке, на которой написана страница; и другую специфическую информацию. Вся эта информация содержится внутри элемента HEAD.
Внутри элемента HEAD могут содержаться такие элементы:- <BASE> - позволяет задать базовый адрес (URL) для всего документа.
- <BASEFONT> - позволяет установить шрифт для документа.
- <LINK> - устанавливает связи с другими элементами.
- <META> - содержит информацию, необходимую браузеру пользователя или серверу для обработки документа.
- <STYLE> - используется для описания внутренних таблиц стилей.
- <TITLE> - задаёт название документа.
Код заголовка документа. Пример.
<HEAD>
<TITLE>Название документа</TITLE>
<BASE href="http://www.always-best.ru"> <!-- Тег BASE указывает домен на котором находится сайт -->
<META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <!-- С помощью этого тега META браузер понимает кодировку документа -->
<META name="keywords" lang="ru" content="Сайты, html, раскрутка"> <!-- Параметр lang задаёт язык, на котором написан сайт, а параметр content задаёт ключевые слова, которые будут выхватывать поисковые машины -->
<LINK rel="stylesheet" type="text/css" href="style.css">
</HEAD>
Основные атрибуты элемента BODY
| Атрибут | Описание | Значение | Пример |
|---|---|---|---|
| Background | Задаёт фоновое изображение | URL | background="image1.gif" |
| Bgcolor | Задаёт цвет фона | цвет | Bgcolor="white" |
| Text | Задаёт цвет текста документа | цвет | Text="white" |
| Link, vlink, alink | Задаёт цвет обычных, посещённых, активных ссылок | цвет | link="blue" alink="red" vlink="black" |
Пример элемента BODY.
<BODY bgcolor="white" background="image.gif" text="#000000" link="red" alink="blue" vlink="purple">
Здесь будут располагаться остальные элементы HTML кода
</BODY>
Этот код задаёт белый цвет для фона страницы. Фоновое изображение берётся из файла image.gif, который находится в том же каталоге, что и основной HTML документ. Цвет текста устанавливается чёрным. Цвет простых ссылок - красный, цвет активных ссылок (при щелчке мыши на ссылке) - синий, а цвет посещённых ссылок (ссылки на странице, которые вы уже посетили) - пурпурный.
Примечание: Цвета можно задавать тремя способами:
- C помощью ключевых слов:black, white, red и т.д..
- Шестнадцатеричным кодом цвета в полной форме (#00FFCC, #000000) или сокращением (#0FC, #000).
- Десятичным кодом в модели RGB. Например: rgb(255.255.0)
| Элементы html: head, body, title, base, basefont, link, meta, style, a, abbr, acronym, address, area, b, bdo, bgsound, big, blockquote, br, button, caption, center , cite, code, col, colgroup, tr, td, dd, del , dfn, div, dl, dt, em |