8
html - списки
Существуют три различных вида списка html
1. упорядоченные списки (нумерованный)
2. неупорядоченные списки (маркированный)
3.списки определений
Нумерованный список определяется с помощью тега <ol>
Каждый пункт списка обозначается тегом <li>
Если написать тег ol без дополнительных атрибутов , то список по умолчанию список нумеруется арабскими цифрами 1 , 2 ,3 .... и т.д.
нумерованный список без атрибутов :
<h4 align="center">Цели</h4>
<ol>
<li>Найти Работу</li>
<li>Заработать денег</li>
<li>Получить зарплату</li>
</ol>
результат:
Цели
- Найти Работу
- Заработать денег
- Получить зарплату
В нумерованном списке также автоматически добавляются отступы сверху , снизу и слева от текста .
В качестве нумерации можно применять следующие значения :
1. арабские числа
2. прописные латинские буквы
3. строчные латинские буквы
4. прописные римские числа
5. строчные римские числа
Для того что бы указать с помощью какого значения вы хотите нумеровать свой список , используется атрибут type .
пример использования атрибута type в теге <ol> :
<h4 align="center">Цели</h4>
<ol type="a">
<li>Найти Работу</li>
<li>Заработать денег</li>
<li>Получить зарплату</li>
</ol>
результат в браузере :
Цели
- Найти Работу
- Заработать денег
- Получить зарплату
html - неупорядоченный(маркированный) список <ul>
Для создания неупорядоченного списка применяется тег <ul> .
Существует три вида маркированных списков , что бы задать нужный вам используются приведенные ниже атрибуты :
ul type="square"> <ul type="disc"> <ul type="circle">
результат использования дополнительных атрибутов в теге <ul> :
type="square"
- Молоко
- Туалетная Бумага
- Хлопья
- Хлеб
тип="disc"
- Молоко
- Туалетная Бумага
- Хлопья
- Хлеб
type="circle"
- Молоко
- Туалетная Бумага
- Хлопья
- Хлеб
html - список определений
Список определений является особенным видом списков .
Отличие его от других видов списков в том , что каждый элемент списка определений состоит из двух частей .
В первой части прописывается определенный термин , а во второй текст , который раскрывает значение этого термина .
Список определений задается с помощью тега-контейнера <dl>
Термин задается внутри контейнера с помощью тега <dt> , а его определение тегом <dd> .
код списка :
<DL>
<H3>КТО ТАКИЕ ОПТИМИСТ,ПЕССИМИСТ И РЕАЛИСТ !</H3>
<dt>Оптимист
<dd>это человек, который смотрит на жизнь с позитивной точки зрения и видит больше хорошего.
<dt>Пессимист
<dd>это человек, который в событиях видит больше плохого, видит мир в мрачных тонах.
<dt>Реалист
<dd>человек, который не преувеличивает ни положительных, ни отрицательных сторон.
</dl>
результат на странице :