Search


Оглавление
Шаг 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
Шаг 35
Шаг 36
Шаг 37
Шаг 38

Сделай сам!

Шаг 14

  Вот мы добрались и до не очень часто используемых тэгов. Как же так? - возмутится бедный мой спутник - А таблицы? А фреймы? - Ну, это темы других лестничных пролетов, а мы еще и первого не одолели:) Теперь, когда я вас порадовал этим фактом, продолжим обучение:)

Я думаю: самая пора поговорить о списках. Что такое списки? Это лучше демонстрировать на наглядном примере:

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


  • Скорее всего вы с этим сталкивались. Все это удобно в определенных ситуациях. В каких? Загляните, например, в раздел Оглавление и увидите:)

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

    <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>

    Я думал, что глава о списках получится короткой, но как видите ошибся :). Если не устали, то переходите к следущей ступеньке, если устали, то отдохните чуток.

    Назад | Шагнуть на следующую ступеньку



    Главная | Введение в HTML | Практика | JavaScripts | Разное | Об Авторе
    © Copyright 2006 Брянск[311] 2006г.
    All Rights Reserved.



    Hosted by uCoz