KNOWLEDGE HYPERMARKET


Списки. Полные уроки

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Списки.


Тема: Списки.

Цель: Научить создавать разные типы списков: от нумерованных до списков определений.


Многие тэги не только отвечают за вид веб-страницы но и определяют ее структуру.

Вспомните заголовки - они не просто выделяют текст жирным шрифтом, но и помогают браузерам при автоматическом построении оглавления документа.

Выходит, у заголовков более широкая «область действия», чем просто визуальное выделение фрагментов текста.

Тоже самое можно сказать и о списках, определяющих структуру документа.




Существует несколько видов списков:

  • Нумерованные
  • Маркированные
  • Списки определений


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


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

Многоуровневый список создается путем интегрирования (вложения) одного списка в другой.




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

Для создания нумерованных списков используются тэги< OL > и< LI >:

  1. Первый отмечает начало и окончание всего списка
  2. Второй обозначает начало и конец отдельного элемента списка

По умолчанию элементы списка нумеруются по порядку, то есть - 1, 2, 3 и т.д.

С помощью атрибутаTYPE можно изменить стили нумерации


Numeraciya.jpg



Number1.jpg


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


Причем, атрибутыSTART иVALUE изменяют порядок нумерации списка:

  • START – задает начальный номера списка.
  • VALUE - назначает произвольный номер любому элементу списка


Number2.jpg


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

Для создания маркированных списков применяют тэги < UL > и < LI >:

  1. < UL > отмечает начало и окончание всего списка
  2. < LI > обозначает начало и конец отдельного элемента списка.

Элементы списка, по умолчанию, всегда маркируются черным кружочком.

А при помощи атрибутаTYPE можно изменить стиль маркирования.

Также нужно знать, что в пределах одного списка можно использовать различную маркировку элементов списка.



Markir.jpg



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

Для создания списков определений используют три тэга:

  1. < DL > - начало и конец списка
  2. < DT > - начало и конец конкретного термина
  3. < DD > - начало и конец поясняющей статьи термина


Тэги < DT > и < DD > могут не чередоваться.

То есть, можно «привязать» к одному определению несколько терминов или проделать ту же операцию наоборот – это на усмотрения самого программиста.


Opredd.jpg


Figurss.jpg





Вопросы: 1. Для чего нужны списки?

2. Виды списков.

3. Как создать нумерованный список?

4. Что являет собой список определений?


Список использованных источников:

1. Урок на тему: «Создание списков в языке HTML», Мелещенко Г. П., г. Харьков.

2. Квинт И. HTML и CSS на 100 %. - Питер, 2008 г.

3. Дуванов А.А Web-конструирование. HTML Основы информатики. - BHV-СПб, 2005 г.


Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.


Над уроком работали

Мелещенко Г. П.

Соловьев М. С.




Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Предмети > Информатика > Информатика 10 класс