Работа со списками

В HTML есть возможность создавать нумерованные и маркированные списки.

<ol>…</ol> – создает нумерованный список элементов

Атрибуты:

start="N" – начать нумерацию с числа N

type="…" -определяет формат нумерации

1 – арабские цифры (по умолчанию)

A – прописные буквы (A, B, C)

а – строчные буквы (a, b, c)

I – прописные римские цифры (I, II, III)

i – строчные римские цифры (i, ii, iii)

<ul>…</ul> – создает маркированный список элементов

Атрибут:

type="…" – определяет формат маркера

disk – диск (по умолчанию)

circle – окружность

square – квадрат

<li>…</li> – задает элемент списка в нумерованном или маркированном

списке

Атрибуты:

type="…" – формат номера или маркера (см. описание <ol> и <ul>)

value="N" – задает номер элемента списка

Чтобы задать свой рисунок маркера, воспользуйтесь стилевым свойством CSS list-style-image, в качестве значения которого указывается путь к желаемому изображению:

<html>

<head>

<style>

ul {

list-style-image: url(images/book.png); /* Путь к файлу с изображением маркера */

}

</style>

</head>

<body>

<ul>

<li>Пункт 1 </li>

<li>Пункт 2</li>

<li>Пункт 3</li>

</ul>

</body>

</html>

Тег <acronym> указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: ликбез, США, DOS и др.

По умолчанию, текст заключенный в контейнере <acronym> подчеркивается пунктирной линией. Синтаксис <acronym>Текст</acronym>

Тег <abbr> указывает, что последовательность символов является аббревиатурой. С помощью атрибута title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.

По умолчанию, текст заключенный в контейнере <abbr> подчеркивается пунктирной линией. Синтаксис <abbr title=" всплывающая подсказка к тексту ">Текст</abbr>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: