Списки 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