+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Создание списков. Маркированные и нумерованные списки

Для чего нужны списки? Списки позволяют разбить текст на пункты. Для создания маркированных списков используются теги <ul> и <li>
<html>
<head>
<body>

Многие задаются вопросом: "Зачем нам нужен сайт?"
Отвечаем:
<ul>
<li> это круглосуточно работающий "офис" вашей компании;</li>
<li> если у вас есть сайт, значит вы следите за имиджем вашей компании;</li>
<li> реклама в интернете — это один из дешевых видов рекламы.</li>
</ul>

</body>
</html>

У маркированного текста появляются отступы сверху и снизу. Чтобы от них избавиться, список можно делать без тега UL. При этом исчезнут и отступы текста перед маркерами.
Маркеры бывают следующего типа:
<ul type="disc"> -- кружок
<ul type="circle"> -- пустой кружок
<ul type="square"> -- квадрат
Нумерованные списки
Нумерованные списки - это тоже самое, только они содержат элементы с порядковым номером, вид и тип нумерации зависит от параметров тега OL.
<!-- нумерованный список с параметрами по умолчанию -->
<ol>
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- список начинается с 3-х -->
<ol start="3">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- нумерованный список с заглавными буквами латинского алфавита -->
<ol type="A">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- нумерованный список с прописными буквами латинского алфавита -->
<ol type="a">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- нумерованный список с римскими буквами -->
<ol type="I">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- нумерованный список с прописными римскими буквами -->
<ol type="i">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- нумерованный список с арабскими цифрами -->
<ol type="1">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>

<!-- и например римские цифры и начинаем с 12 -->
<ol type="I" start="12">
<li>текст</li>
<li>текст</li>
<li>текст</li>
</ol>


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 3895