Таблица HTML. Тег TD. Создание HTML таблицы. HTML td
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <ul>. Описание тега <ul>, атрибуты тега <ul>, синтаксис тега <ul>, пример использования тега <ul>. Тег <ul> относится к группе тегов HTML списков, маркированных списков.
Содержание статьи:
HTML тег <ul> относится к тегам предназначенным для формирования HTML списков.
Тег <ul> формирует неупорядоченный список, чаще такие HTML списки называют марикированные списки. Тег <ol> формирует упорядоченные списки или иначе нумерованные HTML списки. Любые HTML списки формируемые тегами <ol> и <ul> состоят из элементов списков. Для формирования элементов списков служит тег <li>, внутри которого можно размещать любые элементы, таким образом, мы можем создавать вложенные HTML списки.
Если к тегу <ul> применяются CSS свойства, то тег <li> будет наследовать все свойства тега <ul>. HTML элемент <ul> является блочным элементом, для блочных элементов характерно то, что их ширина зависит от области, в которой они расположены, внутри блочного элемента <ul> могут располагаться только элементы <li>.
Тег <ul> является парным HTML тегом, для парных тегов обязательно ставится закрывающий тег.
1 2 3 4 5 6 7 8 9 |
<ul> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul> |
Тег <ul>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <ul> доступен только один уникальный HTML атрибут:
Type – Атрибут type позволяет изменить вид маркера неупорядоченного списка.
Обратите внимание, если значения атрибута type у тега <ul> и расположенного внутри него тега <li> будут разными, то к конкретному элементу списка будет применено значение, которое присвоено тегу <li>, эта особенность справедлива и для нумерованных списков <ol>.
В языке HTML имеется целая группа тегов предназначенных для формирования HTML списков.
Теги, формирующие HTML списки:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<!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>Пример использования тега OL</title> </head> <body> <ul> <li>Первый <ul type="square"> <li>1.1</li> <li type="circle">1.2</li> <li>1.3</li> <li>1.4</li> </ul> </li> <li>Второй <ul type="circle"> <li>2.1</li> <li type="disc">2.2</li> <li>2.3</li> </ul> </li> <li>Третий <ul> <li>3.1</li> <li>3.2</li> <li>3.3</li> </ul> </li> </ul> </body> </html> |
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий