KNOWLEDGE HYPERMARKET


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

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


Содержание

Тема

  • Списки.

Цель

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

Ход урока

Понятие "списка"

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

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

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

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




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

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

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

Многоуровневый список

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

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




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

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

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

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

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


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


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

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

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

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


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


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

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

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

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

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

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


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


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

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

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

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

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


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


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





Вопросы

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

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

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

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

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

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

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

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




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




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

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

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




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

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