
- •2. Создание статического содержания. Html
- •2.1.3.1. Document Type Definition (dtd)
- •2.1.3.2. Заголовок документа
- •2.1.3.2.1. Метатеги
- •2.1.3.2.2. Заголовок страницы
- •2.1.3.2.3. Link
- •2.1.3.2.4. Script
- •2.1.3.3. Тело документа
- •2.1.3.3.1. Div
- •2.1.3.3.2. Таблица
- •2.1.3.3.3. Заголовки
- •2.1.3.3.4. Ссылки
- •2.1.3.3.5. Списки
- •2.1.3.3.6. Абзацы
- •2.1.3.3.7. Изображения
- •2.1.3.3.8. Другие элементы
- •2.1.4. Другие элементы языка html
- •2.1.5. Xhtml
- •2.1.6. Ключевые термины
- •2.2. Краткие итоги
2.1.3.3.3. Заголовки
На строке 24 (а также 57) находится тег заголовка <H1> (<H2>).
Заголовки выполняют важную функцию на веб-странице [18]:
они показывают важность раздела, к которому относятся, т.е. чем больше заголовок, тем более он значимый;
с помощью различных заголовков легко регулировать размер текста, т.е. чем выше уровень заголовка, тем больше размер шрифта (самым верхним уровнем является уровень 1 (<H1>), а самым нижним – уровень 6 (<H6>));
поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка.
Синтаксис создания заголовков следующий.
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.
2.1.3.3.4. Ссылки
На строке 25 (а также в других местах) находится тег ссылки <A>.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку [19]. Оба действия выполняются с помощью тега <A>, который имеет единственный обязательный параметр href. В качестве значения используется адрес документа (URL).
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Начинаются они с указания протокола передачи данных. Так, для веб-страниц это обычно HTTP, соответственно, абсолютные ссылки начинаются с ключевого слова http://.
Относительные ссылки, как следует из их названия, построены относительно текущего документа или адреса. Примерами относительных ссылок могут служить:
/
/demo/
/images/pic.gif
../help/index.html
manual/info.html
Иногда можно встретить в адресе ссылки путь в виде ./file/doc.html. Точка со слешем означает, что отсчет ведется от текущей папки. Подобная запись избыточна и ее можно сократить до file/doc.html.
2.1.3.3.5. Списки
На строке 47начинается маркированный список.
<ul>
<li>
<span>Общее описание</span>
</li>
<li>
<a href="advantages.html" title="Преимущества">Преимущества</a>
</li>
</ul>
Маркированные списки позволяют разбить большой текст на отдельные блоки [20]. Тем самым привлекается внимание читателя к тексту и повышается его читабельность. С учетом того, что восприятие текста с экрана монитора хуже, чем с его печатного варианта, это является весьма полезным приемом.
Для установки маркированного списка используются теги <UL> и <LI>.
Для выбора типа маркера используется параметр type="..." тега <UL>. Маркеры могут принимать один из трех видов:
круг (по умолчанию) – <ul type="disc">;
окружность – <ul type="circle">;
квадрат – <ul type="square">.
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
арабские цифры;
заглавные латинские буквы;
строчные латинские буквы;
заглавные римские цифры;
строчные римские цифры.