Как создат нумированный и ненумерованные списки в HTML?
Здравствуйте, уважаемые читатели сегодня поговорим о списках, которые нам иногда необходимы. Они бывают трёх видов: нумерованные (<ol> или order list), маркированный (<ul> или unordered list) и список определений (<dl> или description list).
Возьмём пример. Возьмите код, который находится в первом самом посте и скопируйте. Между <body> </body>
1. <ul>
Напишите следующее (маркированный список или <ul>) :
<ul>
<li> Первая книга Стивена Кинга Кэрри. </li>
<li>Вторая книга Стивена Кинга Жребий Салема. </li>
<li>Третья книга Стивена Кинга Сияние. </li>
<ul>
Элемент <li> -означает listem item или элемент списка.
2. <ol>
Напишите следующее после того когда, что вы писали:
<ol>
<li>Первая книга Роберта Стайна “Как стать смешным”. </li>
<li>Вторая книга Роберта Стайна “Свидание вслепую. </li>
<li>Третья книга Роберта Стайна “Испорченная”. </li>
</ol>
Здесь уже понятно всё скорее. <li> — это список, а <ol> </ol>- order list.
3. <dt>
Напишите сейчас следующий код:
<dl>
<dd>Первая книга Джоан Роулинг «Гарри Поттер и философский камень”. </dd>
<dd>Вторая книга Джоан Роулинг «Гарри Поттер и Тайная комната”. </dd>
<dd>Третья книга Джоан Роулинг «Гарри Поттер и узник Азкабана».</dd>
<dt> </dt> -означает description list или список определений.
Описание делается с помощью тега <dd> </dd>.
У Вас получится следующий код:
<!DOCTYPE html>
<html>
<head>
<title>Моя первая Web страница. </title>
<meta http-equiv=”Content-Type” content=”html/text; charset=utf-8”
<meta name=”Description” content=”Тут описание страницы”/>
<meta name= “keywords” content=”Тут ключевые слова”/>
</head>
<body>
<ul>
<li> Первая книга Стивена Кинга Кэрри. </li>
<li>Вторая книга Стивена Кинга Жребий Салема.</li>
<li>Третья книга Стивена Кинга Сияние. </li>
<ul>
<ol>
<li>Первая книга Роберта Стайна “Как стать смешным” </li>
<li>Вторая книга Роберта Стайна “Свидание вслепую</li>
<li>Третья книга Роберта Стайна “Испорченная” </li>
</ol>
<dl>
<dd>Первая книга Джоан Роулинг «Гарри Поттер и философский камень”. </dd>
<dd>Вторая книга Джоан Роулинг «Гарри Поттер и Тайная комната».</dd>
<dd>Третья книга Джоан Роулинг «Гарри Поттер и узник Азкабана».</dd>
</dl>
</body>
</html>
На этом всё. Пробуйте. Пока.
