Организация списков

Комментарии.

Escape-последовательности.

В случае, если кодировка или конфигурация оборудования и программного обеспечения не позволяет вводить определенные символы, например, ©, ®, ₤ или §, можно использовать ссылки на символы, называемые Escape-последовательностями. Escape-последовательности - это независимый от кодировки механизм ввода любых символов.

Escape-последовательности в HTML могут принимать две формы:

Числовые ссылки на символы, напимер, © (символ авторского права ©).

Буквенные обозначения символов, напимер, © (символ авторского права ©).

Список наиболее часто используемых Escape-последовательностей приведен в табл..

Cимвол	Название символа	Escape-последовательность
<	меньше	&lt;
>	больше	&gt;
&	амперсанд	&amp;
"	кавычка	&quot;
	неразрывный пробел	&nbsp;
©	символ авторского права	&copy;
«	левая кавычка	&laquo;
»	правая кавычка	&raquo;

Комментарии в HTML имеют следующий синтаксис:

<!-- это комментарий --> <!-- это тоже комментарий,

он занимает несколько строк -->

Информация в комментариях не имеет специального значения и никак не влияет на отображение документа.

HTML поддерживает 3 вида списков: ненумерованные, пронумерованные и списки-определения.

Ненумерованные списки создаются при помощи тегов <UL> и <LI>. Пример ненумерованного списка из двух элементов:

<UL> <LI>Глава1 <LI>Глава2

</UL>

Результат выглядит следующим образом:

Глава1

Глава1

Пронумерованные списки создаются при помощи тегов <OL> и <LI>. Пример пронумерованного списка из двух элементов:

<OL> <LI>Документ1 <LI>Документ2 <LI>Документ3

</OL>

Результат выглядит следующим образом:

1. Документ1

2. Документ2

3. Документ3

Список-определение состоит из термина <DT> и его определения <DD>. Пример пронумерованного списка из двух элементов:

<DL>

<DT> WWW

<DD> World Wide Web

<DT> HTML

<DD> HyperText Markup Language </DL>

Результат выглядит следующим образом:

HTML

Hypertext Markup Language

WWW

World Wide Web

Теги <LI>, <DT> и <DD> могут содержать вложенные элементы, например, параграфы, списки или другую информацию.

Пример вложенного списка:

<UL>

<LI> Введение: <UL>

<LI>Сравнительные характеристики <LI>Достоинства и недостатки

</UL>

<LI> Основной раздел: <UL>

<LI>Пояснительная записка <LI>Список литературы

</UL>

</UL>

Результат выглядит следующим образом:

Введение:

Сравнительные характеристики

Достоинства и недостатки

Основной раздел:

Пояснительная записка

Список литературы

Выдающиеся личности Интернет: Сергей Брин,Ларри ПейджСергей Брин родился в Москве, в семье советских математиков. В 1993 он поступил в

Стэнфордский университет в Калифорнии, где получил диплом магистра и начал работать над диссертацией. В 1995 г. в Стэнфордском университете Брин встретился с другим аспирантом-математиком - Лэрри Пейджем, вместе с которым позже (в 1998) они основали компанию Google.

Ссылки. Графика

Гиперссылки.

Основная мощь HTML происходит из его возможности связывать документы между собой при помощи гипертекстовых ссылок. Пример гипертекстовой ссылки:

<A HREF="news.html">Новости</A>

Это выражение делает слово “Новости” гипертекстовой ссылкой на документ news.html, который находится в той же папке, что и основной документ. Чтобы сделать ссылку на документ, расположенный в другой папке, необходимо указать относительный путь от текущего документа к документу, на который делается ссылка. Например, ссылка на файл arhiv.html расположенная в папке NewsArhiv будет выглядеть так:

<A HREF="NewsArhiv/news.html">Архив новостей</A>

Для ссылки на документ, расположенный на другом сайте необходимо указывать адрес этого сайта и полный путь к документу относительно папки сайта. Например:

<A HREF="http://www.transmarket.net/education/lib/books.txt">список книг по дизайну и программированию</A>

Ссылки также могут быть использованы для перехода к определенным частям документа. Предположим, вы хотите сделать ссылку в документе news.html на раздел «Анонс выпуска», расположенный ниже. Для этого необходимо:

1. Отметить место в документе, на которое будет вести ссылка, следующим образом:

<A NAME = "point1">Анонс выпуска</a>

2. Создать ссылку на помеченную область:

<A HREF = "#point1">Просмотреть анонс</A>

Здесь point1 – имя помеченной области, которое задается разработчиком.

Создание ссылки внутрь другого документа выполняется аналогично, за исключением того, что в ссылке помимо имени помеченной области указывается имя другого документа. Например:

<A href="anonce.html#point1">Просмотреть анонс</A>

По умолчанию загружаемый по ссылке документ отображается в том же окне, что и предыдущий. Для того, чтобы новых документ загружался в новом окне, используется атрибут target=”_blank”. Например:

<A href="anonce.html#point1" target="_blank">Просмотреть анонс</A>

Для вставки графической ссылки вместо текстовой информации в тег <A> помещается графический объект.

Дата добавления: 2014-01-07