Этот раздел изучает элементы списка в HTML. Форма списка учитывает относительно большую долю дизайна веб -сайта, и информация о дисплее очень аккуратна и интуитивно понятна, что для пользователей легко. Расширенная роль элементов списка будет широко использоваться в последующем обучении в стиле CSS.
Списки для организации данныхИзучая так много тегов HTML, которые управляют отображением веб -страниц, читатели могут изначально создавать чистые страницы статьи. Этот раздел изучает элементы списка в HTML. Форма списка учитывает относительно большую долю дизайна веб -сайта, и информация о дисплее очень аккуратна и интуитивно понятна, что для пользователей легко. Расширенная роль элементов списка будет широко использоваться в последующем обучении в стиле CSS.
4.4.1 Структурный состав спискаЭлемент списка HTML - это структура, заключенная в тег списка, и содержащие элементы списка состоят из <li> </li>. Конкретная структура показана на рисунке 4.17.
4.4.2 Создание неупорядоченного спискаКак следует из названия, неупорядоченный список - это форма списка, в которой элементы списка в структуре списка не имеют заказа. Большинство веб -приложений используют неупорядоченные списки, а их теги списка - <ul> </ul>. Метод написания следующим образом:
<ul>
<li> Список пункта 1 </li>
<li> Список пункта 2 </li>
<li> Список пункта 3 </li>
<li> Список пункта 4 </li>
<li> Список пункта 5 </li>
</ul>
4.4.3 Сделайте заказанный списокКак следует из названия, упорядоченный список означает, что элементы списка в структуре списка имеют последовательность списков. Сверху вниз может быть различные номера последовательностей, такие как 1, 2, 3 или A, B, C и т. Д.
Код 4.17 Настройки списка: ul_ol.htm
<html>
<голова>
<TILE> Настройки списка </title>
</head>
<тело>
<font size = 5>
Технология стойки веб -регистрации
<ul>
<li> html </li>
<li> css </li>
<li> javascript </li>
<li> Flash </li>
</ul>
Изучение веб -происхождения
<ol>
<li> asp </li>
<li> asp.net </li>
<li> php </li>
<li> cgi </li>
<li> Руби </li>
<li> python </li>
</ol>
</font>
</body>
</html>
Введите http: //localhost/ul_ol.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.18.
Рисунок 4.18 Настройки списка