SlideShare a Scribd company logo
1 of 15
Download to read offline
ЧТО ТАКОЕ СПИСОК?
2.4.8 Списки
18/7/2018
У нас есть список наших друзей,
список телефонов и список заданий
Каждый день у нас есть что-то
делать.
СПИСКИ В HTML
ТИП СПИСКОВ
-Упорядоченный список
-Неупорядоченный список
Упорядоченный список
● Упорядоченный список начинается с тега <ol>.
● Каждый элемент списка начинается с тега <li>.
<ol>
<li>Кофе</li>
<li>Молоко</li>
</ol>
КОД РЕЗУЛЬТАТ
1. Кофе
2. Молока
<h4>список букв:</h4>
<ol type="A">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ol>
КОД
РЕЗУЛЬТАТ
список букв:
A. Яблоко
B. Банан
C. Лимон
D. Груша
<h4>Список строчных
букв:</h4>
<ol type="a">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ol>
КОД
РЕЗУЛЬТАТ
Список строчных
букв:
a. Яблоко
b. Банан
c. Лимон
d. Груша
<h4>Список римских
номеров:</h4>
<ol type="I">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ol>
КОД
РЕЗУЛЬТАТ
Список римских
номеров:
I. Яблоко
II. Банан
III. Лимон
iv. Груша
Каждый элемент списка начинается с тега <li>.
Элементы списка отмечены марками (обычно
маленькими черными кругами)
Неупорядоченный список начинается с тега <ul>.
<h4>Список с маркерами в
виде круга:</h4>
<ul type="disc">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ul>
КОД
РЕЗУЛЬТАТ
Список с маркерами в
виде круга:
● Яблоко
● Банан
● Лимон
● Груша
<h4>Список с маркерами в
виде окружности:</h4>
<ul type="disc">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ul>
КОД
РЕЗУЛЬТАТ
Список с маркерами в
виде окружности:
o Яблоко
o Банан
o Лимон
o Груша
<h4>Список с квадратными
маркерами:</h4>
<ul type="disc">
<li>Яблоко</li>
<li>Банан</li>
<li>Лимон</li>
<li>Груша</li>
</ul>
КОД
РЕЗУЛЬТАТ
Список с квадратными
маркерами:
■ Яблоко
■ Банан
■ Лимон
■ Груша
Список определений состоит из двух элементов —
термина и его определения. Сам список задается с
помощью контейнера <dl>, термин — тегом <dt>,
а его определение — с помощью тега <dd>
Список определений
<dl>
<dt>Термин 1</dt>
<dd>Определение 1</dd>
<dt>Термин 2</dt>
<dd>Определение 2</dd>
</dl>
«Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти
Европалык Союзу тарыбынан финансылоо болгон.​
Бул документин мазмуну толугу менен IT Академиянын
жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын
көз карашын көргөзбөйт.​
​
Проект «IT тренинг для людей с ограниченными возможностями»
финансирован Европейским Союзом.​
Содержание этого документа полностью является
ответственностью IT Academy и никак не отражает взгляды
Европейской Комиссии.​
​
#programmingwithoutbarriers
#cheksizprogramming

More Related Content

More from IT Academy Project EU

More from IT Academy Project EU (20)

1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
3.1 BASICS CSS
3.1 BASICS CSS3.1 BASICS CSS
3.1 BASICS CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 
2.4.7 HTML - Формы
2.4.7 HTML - Формы2.4.7 HTML - Формы
2.4.7 HTML - Формы
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributes
 
Что такое CSS?
Что такое CSS?Что такое CSS?
Что такое CSS?
 
HTML - Гиперссылки
HTML - ГиперссылкиHTML - Гиперссылки
HTML - Гиперссылки
 
2.5.1 kartinki
2.5.1 kartinki2.5.1 kartinki
2.5.1 kartinki
 
2.4.7 HTML - Форматирование текста
2.4.7 HTML  - Форматирование текста2.4.7 HTML  - Форматирование текста
2.4.7 HTML - Форматирование текста
 
2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:
 
2.5.1 images
2.5.1 images2.5.1 images
2.5.1 images
 

2.4.8 Список