Web Builder II edited by VectoR
Главное меню
Html-учебник
Реклама

| Главное меню
|
| Учебник HTML
|
|Хостинг
|
| Баннеры
|
| Как раскрутить сайт?
|
| Картинки
|
| Программы
|
| Master ID
|
| Master ID Forum
|
| Гостевая

Другие сайты:
Реферати з картинками, курсові, доповіді, повідомлення, шпаргалки, контрольні. Все для навчання.

On-Line учебник по HTML - Списки
С чего начинать?
Работа с текстом
Цвет и фон
Изображения
Изображения-карты
Ссылки
Стили (CSS)
Мета-теги
Таблицы
Списки
Формы
Горизонтальные линии
Я думаю: какраз время поговорить о списках. Что такое списки? Это лучше демонстрировать на примере:

  • Текст один
  • Текст другой
  • Текст третий
  • Текст десятый

    Скорее всего вы с этим сталкивались. Все это удобно в определенных ситуациях.

    Теперь разберемся, какими же тэгами обозначаются списки:

    <li>Текст один</li>
    <li>Текст другой</li>
    <li>Текст третий</li>
    <li>Текст десятый</li>

    Да-да, вcе опять оказалось очень простым:) Именно тэгом <li></li> они и задаются. Возникает вопрос: можно ли помимо закрашенного кружочка поописать еще чего-нибудь подобное?

  • По умолчанию - (1)
  • Полый кружок - (2)
  • Не будь таким квадратным - (3)

    У тэга <li> есть параметр type:

    В случае (1) - <li type="disk">,
    в случае (2) - <li type="circle">,
    в случае (3) - <li type="square">.

    Это один из вариантов. Если вы пользовались текстовыми редакторами (допустим Вордом), то вы знаете, что такое Табуляция (это когда вы жмете на кнопочку Tab и весь текст сдвигается в право). Похожая фунция есть и в хтмл:

    <ul>Ваш текст</ul>

    Чтобы отступ табуляция) был больше надо вкладывать тэг <ul> в самого себя:

    <ul><ul>Два отступа</ul></ul>
    <ul><ul><ul>Три отступа</ul></ul></ul>

    Зачем я завела разговор об этом тэге, вместо того, чтобы рассказать о том, что еще можно сделать со списками? Смотрите:

    • Сдвиг один
      • Сдвиг другой
        • Сдвиг сякой

    Хочу обратить ваше внимание, что это прописано без параметра type, но при помощи тэга <ul>:

    <ul><li>Сдвиг один</li></ul>
    <ul><ul><li>Сдвиг другой</li></ul></ul>
    <ul><ul><ul> <li>Сдвиг сякой</li></ul></ul></ul>

    Назад Домашняя Вперед
  • Участие в каталогах

    Hosted by uCoz