Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Списки html-страницы

На этом уроке познакомимся с таким элементом форматирования текста, как списки.

Основное назначение списков - создание перечня каких-либо позиций. Списки состоят из пунктов, которые могут быть пронумерованными или непронумерованными.

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

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

Браузер отображает список с отступом слева, а расстояние между пунктами списка меньше, чем в абзацах или заголовках.

Для оформления списков применяют следующие теги:

Списки можно помещать друг в друга. Такие списки называются вложенными списками. Уровень вложенности не регламентируется. Вложенные списки могут включать как маркированные, так и нумерованные списки.

Списки и их пункты являются блочными элементами html-страницы, подобно абзацам и заголовкам.

ПРИМЕР маркированного списка:

Фрукты:
<ul>
	<li>арбуз;
	<li>дыня;
	<li>слива;
	<li>яблоко.
</ul>
ПРИМЕР нумерованного списка:

Фрукты:
<ol>
	<li>арбуз;
	<li>дыня;
	<li>слива;
	<li>яблоко.
</ol>
ПРИМЕР вложенного списка:

<ul>
	<li>Фрукты:
	<ol>
		<li>апельсин;
		<li>банан;
		<li>манго.
	</ol>
	<li>Овощи:
	<ol>
		<li>томат;
		<li>огурец;
		<li>картофель.
	</ol>
</ul>
ПРИМЕР списка определений:

<dl>
  <dt>Физика
   <dd>Наука об окружающем нас мире
  <dt>Химия
   <dd>Наука о веществе
</dl>

Смотреть примеры в браузере..

Атрибуты списков

Тип маркера:

<UL type="circle"> - окружность;
<UL type="disc"> - диск;
<UL type="square"> - квадрат.

Тип нумерации:

<OL type="1"> - арабские цифры (1,2,3..);
<OL type="A"> - прописные буквы (A,B,C..);
<OL type="a"> - строчные буквы (a,b,c..);
<OL type="I"> - прописные римские цифры (I,II,III..);
<OL type="i"> - строчные римские цифры.

<LI skip="4"> 

Атрибут skip задает пропуск заданного количества пунктов нумерации (в данном случае 4).

<OL type="A" start="3">

Атрибут start указывает новое начало нумерации (в данном случае нумерация будет начата с третьей буквы латинского алфавита - С и продолжена далее по алфавиту).


TOP ↑