KNOWLEDGE HYPERMARKET


Списки. Полные уроки
Строка 150: Строка 150:
<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''  
<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''  
-
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].  
+
----
 +
 
 +
'''<u>Над уроком работали</u>'''
 +
 
 +
Мелещенко Г. П.
 +
 
 +
Соловьев М. С.
 +
 
 +
 
 +
----
 +
 
 +
 
 +
 
 +
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
 +
   
 +
 
-
Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].
 
[[Category:Информатика_10_класс]]
[[Category:Информатика_10_класс]]

Версия 13:50, 29 марта 2011

Гипермаркет знаний>>Информатика>>Информатика 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 класс