Неупорядоченные (маркированные) списки.

создаются с помощью тега <ul>, который может содержать внутри себя теги <li>, обозначающие «элемент списка».

Формат записи:

<UL tуре="параметр">

<LH>Заголовок списка</LH>

<LI>Содержимое 1 строки списка</LI>

<LI>Содержимое 2 строки списка </LI>

…

<LI> Содержимое n строки списка</LI>

</UL>

Атрибут type может принимать одно из трех значений:

disc ;

circle;

square.

По умолчанию, то есть в случае, когда в маркированном списке тег <UL> записывается без атрибутов, type="disc".

Упорядоченный список создаётся с помощью тега <ol>, который может содержать внутри себя теги <li>.

<OL tуре=”параметр”

start=”значение”>

<LI>Содержимое 1 строки списка</LI>

<LI>Содержимое 2 строки списка </LI>

…

<LI> Содержимое n строки списка</LI>

</OL>

Атрибут type:

"1" .

"I".

"i".

"А" .

"а".

Атрибут start позволяет задавать позицию, с которой следует начать маркировку.

Многоуровневый список

Сначала нужно создать список первого уровня, а затем внутрь любого элемента этого списка, между тегами <li> и </li>, добавить список второго уровня. При этом необходимо аккуратно закрывать все теги.

 

Списки определений. Эти списки представляют собой списки терминов вместе с их определениями, то есть они напоминают толковый словарь.

Формат записи списка:

<DL>

<DT> Тег, задающий определяемый термин </DT>

<DD>Тег, задающий определение термина</DD>

<DD> Тег, задающий определение термина </DD>

<DТ> Тег задающий определяемый термин </DT>

<DD> Тег, задающий определение термина </DD>

<DD> Тег, задающий определение термина </DD>

</DL>

 

Что такое ссылка?

Ссылки создаются с помощью тега <a>.

Например, вот так:

<a href="http://www.gsu.by/">Универ</a>

Формат записи тега:

<А href="URL"

target=”параметр”

title=”альтернативный текст">

         Текст гиперссылки

</А>

Атрибут href указывает на адрес страницы, с которой нужно установить гиперсвязь. Атрибут target содержит правила открытия целевого документа в браузере.

Значения атрибута target:

_self - в текущем окне браузера;

_blank - в новом окне;

_parent загружает страницу во фрейм-родитель, если фреймов нет – в текущее окно;

_top отменяет все фреймы и загружает страницу в полном окне, если фреймов нет – в текущем окне.

Атрибут title предназначен для создания альтернативного текста – всплывающей подсказки, появляющейся в небольшом прямоугольнике, если пользователь задержит курсор мыши над гиперссылкой на несколько секунд.

Абсолютные адреса

Абсолютные адреса содержат в себе протокол, имя сервера и путь. Например, в адресе https://vk.com/id1234567:

https://  — это протоколvk.com — имя сервера, также называется домен или хост/id1234567  — путь

Иногда абсолютные адреса записываются в укороченном виде, например вот так: /id1234567.

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

Относительные адреса

В относительных адресах нет ни протокола, ни имени сервера, а путь не начинается со слэша /.

Использовать относительные адреса для навигации по сайту не рекомендуется. Однако, относительные адреса бывают полезны, например, во внешних CSS-файлах.

Ссылка на файл

<А href="http://www.myserver.com/files/archive.zip">

Teкст гиперссылки

</А>

Рассмотрим пример ссылки на изображение

 

 

Ссылка с якорем

Ссылка с якорем содержит символ #, после которого идёт идентификатор. Идентификатор создаётся с помощью атрибута id, который может быть задан у любого тега.

Можно задать адрес, состоящий из одного якоря, например:

<a href="#glava1">Глава 1</a>

 

 

                                                                                       

После нажатия на ссылку «Структура URL»

Всплывающая подсказка

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

<a title="Подсказка" href="#">

⇐ Предыдущая1234Следующая ⇒

Поделиться: