HTML теги. HTML списки. Список меню
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
HTML теги. HTML списки. Список директорий
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена спискам директорий HTML. Список директорий формируется тегами <dir>, <li>
Содержание статьи:
Список директорий. Формирования списка директорий в HTML. Теги <dir>, <li>.
Как говорилось ранее, списки директорий формируются двумя тегами <dir>, <li>. Списки директорий - это одна из разновидностей HTML списков.
Тег <li> предназначен для формирования элементов списка директорий, то есть, тег <li> формирует пункты HTML списка. Элемент <li> является блочным HTML элементом, внутри него могут располагаться любые HTML элементы, а его ширина зависит от области в которой он находится.
Тег <dir> предназначен для формирования списка директорий. Директория – это системная папка, тег <dir> является запрещенным в HTML 4, поэтому валидный код будет только при использование переходного <!DOCTYPE>.
Если к списку директорий не применяются дополнительные стили и правила CSS, то браузер отобразит их шрифтом, заданным по умолчанию.
Синтаксис списка директорий
Теги <dir>, <li> являются парными HTML тегами, то есть для их корректной работы необходим закрывающий тег, но, у тега <li> можно закрывающий тег не ставить, хотя, это считается дурным тоном.
[php]
<dir>
<li>Первая папка</li>
<li>Вторая папка</li>
</dir>
[/php]
Атрибуты тегов списка определений
У тега <dir> имеются только атрибуты событий и универсальный HTML атрибуты. Тег <li> имеет все универсальные HTML атрибуты, атрибуты событий и два уникальных атрибута:
Value – атрибут value изменяет значение нумерации, но это в случае с упорядоченным списком
Type – атрибут type изменяет вид маркера, как в списке директорий, так и в маркированном списке, и списке меню.
Другие HTML списки
Помимо списка директорий. Есть еще четыре HTML списка:
- Маркированный список – второе название не упорядоченный список, данный список HTML формируется тегами <ul>, <li>
- Нумерованный список – другое название упорядоченный список, этот HTML список формируется тегами <ol>, <li>
- Список определений – данный вид HTML списка формируется при помощи тегов <dl> , <dd>, <dt>
- Список меню – этот список HTML формируется тегами <menu>, <li>
Тег <ul> формирует маркированный список. Тег <ol> формирует нумерованный список. Тег <dl> формирует список определений. Контейнер <dt> служит для хранения и отображения термина списка определений. В контейнер <dd> помещается определение термина списка определений. Тег <menu> создает список меню.
Пример формирования списка директорий
[php]
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример использования тега DIR</title>
</head>
<body>
<dir>
<li>Первая папка</li>
<li>Вторая папка
<dir>
<li>Первый файл</li>
<li>Второй файл</li>
</dir>
</li>
<li>Третья папка</li>
</dir>
</body>
</html>
[/php]
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
Список директорий идентичен маркированному списку HTML.
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий