[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Веб-раздел » Интересные статьи для веб мастеров » Урок-Списки - способ форматирования текста
Урок-Списки - способ форматирования текста
monolito-sДата: Пятница, 28.10.2011, 18:06 | Сообщение # 1
Киллер
Группа: Повелитель Зоны
Сообщений: 335

Персонаж: Каратель


 
Списки - тэги <ul></ul>, <ol></ol>

Откроем в текстовом редакторе файл, созданный на прошлом занятии. Чтобы быстро открыть файл в нужной программе, выделите нужный файл, выполните команду меню File/Open With и из раскрывшегося окна со списком установленных на компьютере программ выберите редактор.


Рассмотрим тег <ul> - список - list , который мы напечатали на прошлом занятии.
Он выглядит таким образом:
<ul> - открывающий тэг
<li> - элемент списка</li>
<li> - элемент списка</li>
<li> - элемент списка</li>
</ul> - закрывающий тэг

Списки бывают ненумерованные <UL> - Unordered List и нумерованные <OL> - Ordered List.
Пример ненумерованного (маркированного) списка - <UL>:



Согласно современным правилам HTML тэг элемента списка <li> должен иметь свою закрывающую часть</li>. Теги списков позволяют красиво и аккуратно расположить информацию на веб-странице. </p>
Редактор Тасо, как и большинство других редакторов HTML, позволяет вставлять готовые конструкции тега списка. Вы можете воспользоваться командой меню Insert/List. Задайте необходимое количество элементов списка -"Number of Items", отметьте галочкой вид списка и нажмите кнопку Insert.

Согласно современным правилам HTML-языка элемент списка <li> может иметь закрывающую часть </li>. Для введения закрывающей части тега </li> поставьте галочку в квадратном окошке "Include closing List Item (</li>) Tag" - "Включите закрывающую часть элемента списка".

Посмотрите пример использования списков и мета-тегов на веб-странице. Не забудьте заглянуть в исходной код данного файла - выполнив команду браузера View/Page Source или View/View Source - Вид/Исходный код (Источник).

Позднее:

Атрибуты тега маркированного списка <ul>

Тег <ul> может иметь атрибут type, принимающий значения:
"squre" - квадратик;
"circle" - окружность;
"disk" - кружок.
Пример: <ul type="square">

Атрибуты тега нумерованного списка <ol>

type – стиль элемента списка. Его возможные значения:
1– арабские цифры;
A– буквы верхнего регистра (англ.);
a– буквы нижнего регистра (англ.);
I– римские цифры верхнего регистра ;
i– римские цифры нижнего регистра.
start – номер, с которого должна начинаться нумерация
Пример: <OL type="A" start="3">

Еще существуют списки определений - Definition <DL></DL>, элемент списка <dd>; можно использовать атрибут "compact" <dl type="compact"></dl>, который позволяет разместить элементы списка более компактно.
<DL>

<DT>Пункт 1

<DD>Определение пункта 1

<DD>Другое определение пункта1

<DT>Пункт 2

<DD>Определение пункта 2

</DL>
 
Форум » Веб-раздел » Интересные статьи для веб мастеров » Урок-Списки - способ форматирования текста
  • Страница 1 из 1
  • 1
Поиск:

Вход на сайт
Мини-чат
Опросы
Нравится наш дизайн?
Всего ответов: 192
Статистика