|
||||||||||||
Меню сайта
Реклама на сайте:
|
Списки htmlУрок №12 Списки в HTML используются для оформления и форматирования видимой текстовой части html-документа. Дополнительно, на основании кодов списков, в HTML-разметке веб-страницы создаются и группируются элементы управления и навигации – кнопочки и менюшки (простые и выпадающие). Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры.HTML поддерживает списки трех разных типов, для каждоrо из которых предусмотрены свои собственные теrи:
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от броузера. Пронумерованные спискиВ пронумерованном списке брaузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны. Пронумерованный список начинается стартовым тэгом <ol> и завершается тэгом </ol>. Каждый элемент списка начинается с тэга <li> Рассмотрим пример: Пишем текст списка в html Как это будет выглядеть на странице: Результат на экране брaузера: Тэг <ol> может иметь параметр: Вид счетчика:
Непронумерованные спискиДля непронумерованных списков броузер обычно использует маркеры для пометки элемента списка.
Вид маркера, как правило, настраивает пользователь брaузера. Рассмотрим пример: Пишем текст списка в html Как это будет выглядеть на странице: Результат на экране брaузера:
Тэг <ul> может иметь параметр: Например:
Если мы изменим параметр на( type="square" ), то получим результат — маркер в виде квадратика Результат на экране брaузера:
Ну а если мы изменим параметр на( type="circle" )— маркер в виде прозрачного кружка Результат на экране брaузера:
Список определенийСписок определений начинается с тэга <dl> и завершается тэгом </dl>. Данный список служит для создание списков типа «список» или «описание». Каждый термин начинается тэгом <dt> , а описание - тэгом <dd>. Рассмотрим пример: Пишем текст списка в html Как это будет выглядеть на странице: Результат на экране брaузера:
|