Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
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


Чувашия-это моя Россия

Несортированные списки в HTML.

Несортированные списки ul, а также их пункты li представляют собой блочные элементы, так что каждый из них отображается начиная с новой строки на страницах сайта. Несортированные списки ul применяются для создания практичного набора связанных друг с другом элементов, порядок расположения которых не имеет никакого значения.

На практике всякий список примеров, частей, задумок и мыслей, всех вариантов решений задач можно назначить как несортированный список, Вами выбранных элементов на страницах сайта.

Прекрасным решением через несортированные списки ul является использование в качестве элементов несортированного списка ul при навигации по страницам сайта, в использовании меню на страницах сайта.

Несортированные списки ul в HTML < ul>...< /ul>, атрибуты ( id, class, style, title)

Пункты несортированного списка li < li>...< /li>, атрибуты ( id, class, style, title)

Синтаксис несортированных списков.


             < ul>
                 < li>Несортированные списки ul < /li>
                 < li>Несортированные списки ul < /li>
                 < li>Несортированные списки ul < /li>
                 < li>Несортированные списки ul < /li>
                 < li>Несортированные списки ul < /li>
            < /ul>

Несортированные списки ul в HTML используются для создания коллекций связанных друг с другом элементов страниц сайта, порядок расположения которых неважен. В эту категорию попадает большинство списков. Содержимое элемента ul в HTML ограничивается одним или несколькими пунктами списка страниц сайта - пункты li. Пункты li списка могут содержать блочные или внутристрочные элементы страниц сайта, а также их комбинацию.

Хорошей практикой является закрытие всех элементов страниц сайта, независимо от используемой версии HTML при создании страниц сайта.

Представление для несортированного списка ul.

По умолчанию пользовательские агенты в HTML вставляют маркер перед каждым пунктом li несортированного списка. Если оставить несортированный список ul в HTML без стилей( не применять к нему параметры таблиц стилей), то можно надежно получить маркированный список с отступом. Однако это наносит ущерб удобству использования несортированных списков ul. С помощью параметров таблиц стилей можно заставить несортированный список ul выглядеть так, как хочется. Вы можете изменять форму маркеров, используя свойство list-style-type( это свойство заменило устаревший атрибут type, применение которого не поощряется). Свойство list-style-image позволяет использовать в качестве маркера изображение, указанное Вами. Вы можете заставить списки отображаться по горизонтали, растянуть в одну строку, при создании панели задач или меню. Вы даже можете использовать несортированный список ul в качестве основы для многофункциональной графической панели инструментов с эффектами одновременного нажатия нескольких клавиш, и все это достигается при помощи каскадных таблиц стилей CSS.

Можно сказать одно, что без несортированного списка < ul> в HTML представить создание полноценно функционирующего сайта просто невозможно, практически сделать это никто не сможет, как и без обычной ссылки < a>. Вот так нам нужны для создания нашего бесплатного сайта несортированные списки ul.

Вот, Вам практическая сторона применения несортированного списка ul при создании выпадающего меню на странице Вашего сайта:

           < ul id="verticalmenu" class="glossymenu">
                 < li>< a href="" class="kavak">Суть слова.< /a>
                    < ul>
                       < li>< a href="" class="kavak">Суть слова.< /a>< /li>
                       < li> < a href="" class="kavak">Адам.< /a>< /li>
                      < li>< a href="" class="kavak">Этемен анки.< /a>< /li>
                    < /ul>
                < li>< a href="" class="shupka">Новый взгляд.< /a>
                    < ul>
                       < li>< a href=" class="shupka">Русский мат и его последствия.< /a>< /li>
                       < li>< a href="" class="shupka">Так ли оно на самом деле?< /a>< /li>
                       < li>< a href="" class="shupka">О имени Астарта.< /a>< /li>
                    < /ul>
                       < /li>
                       < li>< a href="" class="simes">Суть болезни.< /a>
                    < ul>
                       < li>< a href="" class="simes">Суть болезни.< /a>< /li>
                       < li>< a href="" class="simes">Суть болезни 1.< /a>< /li>
                    < /ul>
                       < /li>
                       < li>< a href="" class="sara">Размышление.< /a>
                    < ul>
                       < li>< a href="" class="sara">Размышление.< /a>< /li>
                       < li>< a href="" class="sara">Здоровье. Сердце.< /a>< /li>
                       < li>< a href="" class="sara">Здоровье. Деревня.< /a>< /li>
                    < /ul>
                < /li>
          < /ul>

Поэтому мы еще не раз будем обращаться к несортированным спискам при изучении языка и PHP, JavaScript, jQuery.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: