Воскресенье, 19-11-2017
Заработай свою "копейку"
Меню сайта
Категории раздела
Виды заработка [2]
Описаны некоторые виды заработка в интернете, с чего начать зарабатывать деньги
Изучаем html [26]
Почтовый спонсор [39]
Биржи фрилансеров. [1]
Бонусы [0]
Понемногу обо всем [15]
Реклама
Советуем почитать
  • Была идея, стало много денег
  • Статистика


    publ - Главная » Статьи » Изучаем html

    Списки – группировка и упорядочивание информации

    Списки – группировка и упорядочивание информации

    С помощью списков легко произвести группировку данных в блоки или организовать оглавление. Имеется возможность создавать различные списки.

    Списки:

    UL – Маркированный список.

    OL – Нумерованный список.

    DL – Список определений

    Формат представления маркированных списков:

    <ul>

    <li>Элемент списка</li>

    <li>Элемент списка</li>

    </ul>


    Тег <ul> и <li> имеет один атрибут – TYPE который определяет вид маркера.

    Значения атрибута TYPE:

    circle – Маркер в виде окружности;

    square – Маркер в виде квадрата;

    disk – Маркер в виде круга.

    Тег <li> определяет вид маркера заданный для списка, но можно для каждого элемента списка задать свой маркер или изображение. Контейнер <ul> необходим что бы определить элементы списка и установить для них отступ.

    Пример использования маркированных списков
    Маркер Код Вид
    Окружность

    <ul type="circle">
    <li>Красный</li>
    <li>Желтый</li>
    <li>Зеленый</li></ul>


    • Красный
    • Желтый
    • Зеленый
    Круг

    <ul type="disk">
    <li>Красный</li>
    <li>Желтый</li>
    <li>Зеленый</li>
    </ul>


    • Красный
    • Желтый
    • Зеленый
    Квадрат

    <ul type="square">
    <li>Красный</li>
    <li>Желтый</li>
    <li>Зеленый</li>
    </ul>


    • Красный
    • Желтый
    • Зеленый
    произвольный

    <ul>
    <li>type="circle">Красный</li>
    <li type="square">Желтый</li>
    <litype="disk">Зеленый</li>
    </ul>


    • Окружность
    • Квадрат
    • Круг
    Изображение

    <ul>
    <img scr="изображение">Красный<br>
    <img scr="изображение">Желтый<br>
    <img scr="изображение">Зеленый<br>
    </ul>


      Черный
      Красный
      Черный
      Красный

    Формат представления упорядоченных списков:

    <ol>

    <li>Элемент списка</li>

    <li>Элемент списка</li>

    </ol>


    Тег <ol> имеет атрибуты – TYPE (задаёт символ нумерации) и START (указывает с какой позиции начать нумерацию в блоке).

    Значения атрибута TYPE:

    A – Нумерация заглавными буквами английского алфавита;

    a – Нумерация строчными буквами английского алфавита;

    I – Нумерация заглавными римскими цифрами;

    i – Нумерация строчными римскими цифрами;

    1 – Нумерация арабскими цифрами.

    Пример использования упорядоченных списков
    Маркер Код Вид
    Буквенный

    <ol type="A">
    <li>Красный</li>
    <ol type="A">
    <li>Розовый</li>
    <li>Бордовый</li>
    </ol><li>Желтый</li>
    <li>Зеленый</li>
    </ol>

    1. Красный
      1. Розовый
      2. Бордовый
    2. Желтый
    3. Зеленый
    Цифровой римский

    <ol type="i">
    <li>Красный</li>
    <ol type="I">
    <li>Розовый</li>
    <li>Бордовый</li>
    </ol><li>Желтый</li>
    <li>Зеленый</li>
    </ol>

    1. Красный
      1. Розовый
      2. Бордовый
    2. Желтый
    3. Зеленый
    Смешанный

    <ol type="1">
    <li>Красный</li>
    <ol type="i">
    <li>Розовый</li>
    <li>Бордовый</li>
    </ol><li>Желтый</li>
    <li>Зеленый</li>
    </ol>

    1. Красный
      1. Розовый
      2. Бордовый
    2. Желтый
    3. Зеленый

    В языке HTML имеется СПИСОК ОПРЕДЕЛЕНИЙ, который используется для пояснения различных терминов (в частности словари). Элементы списка определений состоят их двух частей, термина и его описания.

    Формат представления списка определений:

    <dl>

    <dt>Термин</dt><dd>Описание</dd>

    <dt>Термин</dt><dd>Описание</dd>

    </dl>


    Вид отображения:

    USD
    Доллар. Платежная единица США.
    GB
    Великобритания.

    Списки можно комбинировать. Вкладывая один список в другой можно придать информации наглядность, а использовав стили оформления красивый вид.

    Язык и структура HTML...
    Служебная информация...
    Оформление материала...
    Скрипты...
    Единицы измерения...

    Категория: Изучаем html | Добавил: And64Kot (20-05-2010)
    Просмотров: 530 | Теги: Формат представления, Маркированный, определений, Значения атрибута, Нумерованный, Списки | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Поиск
    Курсы валют
    Курсы НБУ на сегодня
    Получи бонус WM

    Введи свой WMR кошелек

    Друзья
  • Херсон и херсонцы
  • Цветоводство
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
  • Copyright MyCorp © 2017