Структура html-документа
О
<!DOCTYPE>
<HTML>
<HEAD>
служебные
элементы
</HEAD>
<BODY>
текст
и прочие элементы
</BODY>
</HTML>
Элемент <!DOCTYPE> - указывает тип текущего документа.
Элемент <HTML> - определяет начало HTML-документа.
Документ, обозначенный элементом <HTML> дополнительно делится на заголовок (голову) - <HEAD> и тело (основную часть) - <BODY>.
Заголовок <HEAD> может содержать текст и служебные элементы, но содержимое этого элемента не показывается напрямую на странице. Содержимое элемента <HEAD> служит только для формирования общей структуры документа, задавая его глобальные свойства. Информация, находящаяся в этом разделе документа является служебной и необходима браузеру пользователя.
Например: Содержимое элемента <TITLE> - отображается в заголовке окна браузера. Элемент <TITLE> создает краткое однострочное название страницы, которое выводится в заголовке окна браузера.
Тело (основная часть) документа <BODY> предназначена для размещения элементов и содержательной части. Элемент <BODY>:
-
должен встречаться в документе не более одного раза;
-
может иметь несколько вложенных атрибутов.
Все эти элементы имеют конечные (закрывающиеся) теги.
Гиперссылки в html-документе
Ссылки могут указывать на другой документ, специальное место данного документа или на ресурс WWW.
Для создания и использования гипертекстовых ссылок используется элемент <А> (от англ. "anchor" - якорь). Имеет вложенный атрибут:
HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:
http://... – создает ссылку на www-документ;
ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;
mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя.
Пример: <A HREF="http://www.yandex.ru">Поисковая система Yandex</A>
Если HTML-документ слишком большой, то для удобства создают ссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер (якорь) для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя прокручивание экрана.
Для создания такой ссылки необходимо выполнить следующие шаги:
1. Создать маркер (якорь) раздела:
<A NAME="named_anchor"> Первая строка раздела или заголовок раздела </A>
2. Создать ссылку на данный якорь:
<A HREF="#named_anchor"> Текст ссылки </A>
Элементы форматирования html
<Hn> (Headers). Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы.
<P> (Paragraph). Используется для разметки параграфов (абзацев).
<BR> (Break). Этот элемент задает разрыв текста с переходом на новую строку (перенос). Элемент не имеет конечного тега. Применение элемента может быть отменено элементом <NOBR>, который обеспечивает неразрывность строки при изменении размеров окна браузера.
<HR> (Horisontal Rule). Вставляет в текст горизонтальную разделительную линию.
<BASEFONT>. Определяет основной шрифт, которым должен отображаться текст документа. Не имеет конечного тега.
<FONT>. Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе <BASEFONT>.
<I>. Выделяет текст курсивом.
<B>. Выделяет текст жирным шрифтом.
<U>. Выделяет текст подчеркнутым.
<S>, <STRIKE>. Выделяет текст перечеркнутым.
<BIG>. Отображает текст увеличенным шрифтом (относительно текущего).
<SMALL>. Отображает текст уменьшенным шрифтом (относительно текущего).
<SUP>. Отображает текст со сдвигом вверх (верхний индекс).
<SUB>. Отображает текст со сдвигом вниз (нижний индекс).
Элемент <COMMENT> позволяет скрыть от пользователя комментарии к исходному коду.
Синтаксис: <COMMENT> Текст комментария </COMMENT>
Так же аналогичен другой вариант задания комментария:
<!- - Текст комментария //- ->.