+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>
Остались вопросы? Спрашивайте!
Понравилась статья? Расскажи другим :)
Опубликовано: | Просмотров: 6111