Списки HTML
HTML предлагает авторам паутины 3 путя для определять списки информации. Все списки должны содержать одни или больше элементы списка. Списки могут содержать:
- <ul> - unordered список. Это перечислит детали используя простые пули.
- <ol> - приказанный список. Это будет использовать различные схемы номеров для того чтобы перечислить ваши детали.
- <dl> - список определения. Это аранжирует ваши детали тем же самым способом, что они аранжированы в словаре.
Списки HTML Unordered
Unordered список собрание родственных деталей которые не имеют никакое специальное распоряжение или sequence. Этот список создан путем использование бирки <ul> HTML. Каждый деталь в списке маркирован с пулей.
Пример
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Тип атрибут
Вы можете использовать тип атрибут для бирки <ul> для того чтобы определить тип пули вы любите. значением по умолчанию это диск. Следование возможные варианты:
<ul type="square">
<ul type="disc">
<ul type="circle">
Пример
Следование пример где мы использовали type= " квадрат " <ul >
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul type="square">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= " диск " <ul >:
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul type="disc">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= " круг " <ul >:
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul type="circle">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ul>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Списки HTML приказанные
Если вы потребованы, что кладете ваши детали в пронумерованный список вместо пулевого после этого, то список HTML приказанный будет использован. Этот список создан путем использование бирки <ol>. Оцифровка начинает на одном и инкрементирована одним для каждого последовательного элемента приказанного списка маркированного с <li>.
Пример
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Тип атрибут
Вы можете использовать тип атрибут для бирки <ol> для того чтобы определить тип нумеровать вас любите. значением по умолчанию номер. Следование возможные варианты:
<ol type="1"> - Default-Case Numerals.
<ol type="I"> - Upper-Case Numerals.
<ol type="i"> - Lower-Case Numerals.
<ol type="a"> - Lower-Case Letters.
<ol type="A"> - Upper-Case Letters.
Пример
Следование пример где мы использовали type= " 1" <ol >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="1">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= <ol " я " >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="I">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= <ol " я " >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="i">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= " a " <ol >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="A">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Пример
Следование пример где мы использовали type= " a " <ol >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="a">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Атрибут старта
Вы можете использовать атрибут старта для бирки <ol> для того чтобы определить отправную точку нумеровать вас потребностью. Следование возможные варианты:
<ol type="1" start="4"> - Numerals starts with 4.
<ol type="I" start="4"> - Numerals starts with IV.
<ol type="i" start="4"> - Numerals starts with iv.
<ol type="a" start="4"> - Letters starts with d.
<ol type="A" start="4"> - Letters starts with D.
Пример
Следование пример где мы использовали type= <ol " я» start= " 4" >
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol type="i" start="4">
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
</ol>
</body>
</html>
Это даст следующий:
- Beetroot
- Ginger
- Potato
- Radish
Списки определения HTML
HTML и XHTML поддерживают тип списка который вызван списками определения где входы перечислены как внутри словарь или энциклопедия. Список определения идеально путь представить словарь, список термин, или другой список имени/значения.
Список определения использует следование 3 бирок.
- <dl> - определяет старт списка
- <dt> - термина
- <dd> - определение термине
- </dl> - Определяет конец списка
Пример
<!DOCTYPE html>
<html>
<head>
<title>HTML Definition List</title>
</head>
<body>
<dl>
<dt><b>HTML</b></dt>
<dd>This stands for Hyper Text Markup Language</dd>
<dt><b>HTTP</b></dt>
<dd>This stands for Hyper Text Transfer Protocol</dd>
</dl>
</body>
</html>
Это даст следующий:
- HTML
- This stands for Hyper Text Markup Language
- HTTP
- This stands for Hyper Text Transfer Protocol
