KNOWLEDGE HYPERMARKET


Списки. Полные уроки
(Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»)
Строка 1: Строка 1:
'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Списки.'''  
'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Списки.'''  
-
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Списки.</metakeywords><br>
+
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Списки.</metakeywords><br>  
'''Тема: Списки.'''  
'''Тема: Списки.'''  
Строка 7: Строка 7:
'''Цель: '''Научить создавать разные типы списков: от нумерованных до списков определений.  
'''Цель: '''Научить создавать разные типы списков: от нумерованных до списков определений.  
-
<br> Многие тэги не только отвечают за вид веб-страницы но и определяют ее структуру.
+
<br> Многие тэги не только отвечают за вид веб-страницы но и определяют ее структуру.  
-
Вспомните заголовки - они не просто выделяют текст жирным шрифтом, но и помогают браузерам при автоматическом построении оглавления документа.
+
Вспомните заголовки - они не просто выделяют текст жирным шрифтом, но и помогают браузерам при автоматическом построении оглавления документа.  
Выходит, у заголовков более широкая «область действия», чем просто визуальное выделение фрагментов текста.  
Выходит, у заголовков более широкая «область действия», чем просто визуальное выделение фрагментов текста.  
-
Тоже самое можно сказать и о '''списках''', определяющих структуру документа.
+
Тоже самое можно сказать и о '''списках''', определяющих структуру документа.  
 +
 
 +
 
{{#ev:youtube|J8Vc-6Jy6D8&feature=related}}  
{{#ev:youtube|J8Vc-6Jy6D8&feature=related}}  
-
<u>Существует несколько видов списков: </u>
 
-
*Нумерованные
+
 
 +
<u>Существует несколько видов списков: </u>
 +
 
 +
*Нумерованные  
*Маркированные  
*Маркированные  
*Списки определений
*Списки определений
-
 
+
<br>
Сразу нужно сказать, что все виды списков могут быть использованы в смешанном порядке и бывают как неупорядоченными, так и упорядоченными.  
Сразу нужно сказать, что все виды списков могут быть использованы в смешанном порядке и бывают как неупорядоченными, так и упорядоченными.  
-
 
+
<br>
Отдельным типом списков является '''многоуровневый''', для создания которого используются сочетание маркированных и нумерованных.  
Отдельным типом списков является '''многоуровневый''', для создания которого используются сочетание маркированных и нумерованных.  
-
Многоуровневый список создается путем интегрирования (вложения) одного списка в другой.
+
Многоуровневый список создается путем интегрирования (вложения) одного списка в другой.  
-
 
+
 +
<br>
{{#ev:youtube|Pz2onrsCdYk}}  
{{#ev:youtube|Pz2onrsCdYk}}  
 +
<br>
 +
'''Нумерованный список'''
-
'''Нумерованный список'''
+
Для создания нумерованных списков используются тэги''&lt; OL &gt; ''и''&lt; LI &gt;: ''  
-
Для создания нумерованных списков используются тэги''&lt; OL &gt; ''и''&lt; LI &gt;: ''
+
#Первый отмечает начало и окончание всего списка  
-
 
+
-
#Первый отмечает начало и окончание всего списка
+
#Второй обозначает начало и конец отдельного элемента списка
#Второй обозначает начало и конец отдельного элемента списка
Строка 49: Строка 53:
С помощью атрибута'''TYPE''' можно изменить стили нумерации  
С помощью атрибута'''TYPE''' можно изменить стили нумерации  
 +
 +
[[Image:Numeraciya.jpg]]  
[[Image:Numeraciya.jpg]]  
 +
 +
 +
 +
[[Image:Number1.jpg]]  
[[Image:Number1.jpg]]  
-
При дополнении уже существующего списка новыми значениями, браузер пересчитает его.
 
 +
При дополнении уже существующего списка новыми значениями, браузер пересчитает его.
 +
 +
<br>
-
Причем, атрибуты'''START''' и'''VALUE '''изменяют порядок нумерации списка:
+
Причем, атрибуты'''START''' и'''VALUE '''изменяют порядок нумерации списка:  
*START – задает начальный номера списка.  
*START – задает начальный номера списка.  
*VALUE - назначает произвольный номер любому элементу списка
*VALUE - назначает произвольный номер любому элементу списка
-
 
+
<br>
[[Image:Number2.jpg]]  
[[Image:Number2.jpg]]  
-
'''Маркированный список '''
 
-
Для создания маркированных списков применяют тэги ''&lt; UL &gt;'' и ''&lt; LI &gt;: ''
+
 
 +
'''Маркированный список '''
 +
 
 +
Для создания маркированных списков применяют тэги ''&lt; UL &gt;'' и ''&lt; LI &gt;: ''  
#''&lt; UL &gt;'' отмечает начало и окончание всего списка  
#''&lt; UL &gt;'' отмечает начало и окончание всего списка  
Строка 78: Строка 92:
А при помощи атрибута'''TYPE '''можно изменить стиль маркирования.  
А при помощи атрибута'''TYPE '''можно изменить стиль маркирования.  
-
Также нужно знать, что в пределах одного списка можно использовать различную маркировку элементов списка.
+
Также нужно знать, что в пределах одного списка можно использовать различную маркировку элементов списка.  
 +
 +
<br>
[[Image:Markir.jpg]]  
[[Image:Markir.jpg]]  
-
<br> '''Списки определений'''
 
-
Для создания списков определений используют три тэга:
+
 
 +
<br> '''Списки определений'''
 +
 
 +
Для создания списков определений используют три тэга:  
#&lt; DL &gt; - начало и конец списка  
#&lt; DL &gt; - начало и конец списка  
-
#&lt; DT &gt; - начало и конец конкретного термина
+
#&lt; DT &gt; - начало и конец конкретного термина  
#&lt; DD &gt; - начало и конец поясняющей статьи термина
#&lt; DD &gt; - начало и конец поясняющей статьи термина
-
 
+
<br>
Тэги ''&lt; DT &gt;'' и ''&lt; DD &gt;'' могут не чередоваться.  
Тэги ''&lt; DT &gt;'' и ''&lt; DD &gt;'' могут не чередоваться.  
То есть, можно «привязать» к одному определению несколько терминов или проделать ту же операцию наоборот – это на усмотрения самого программиста.  
То есть, можно «привязать» к одному определению несколько терминов или проделать ту же операцию наоборот – это на усмотрения самого программиста.  
 +
 +
[[Image:Opredd.jpg]]  
[[Image:Opredd.jpg]]  
 +
 +
[[Image:Figurss.jpg]]  
[[Image:Figurss.jpg]]  
 +
 +
{{#ev:youtube|FAlsPU6Tg1k}}  
{{#ev:youtube|FAlsPU6Tg1k}}  
Строка 106: Строка 130:
{{#ev:youtube|AsfATC5oSGw&feature=related}}  
{{#ev:youtube|AsfATC5oSGw&feature=related}}  
 +
<br>
-
 
+
'''Вопросы: ''' 1. Для чего нужны списки?  
-
'''Вопросы: '''
+
-
1. Для чего нужны списки?  
+
2. Виды списков.  
2. Виды списков.  
-
3. Как создать нумерованный список?
+
3. Как создать нумерованный список?  
4. Что являет собой список определений?  
4. Что являет собой список определений?  
-
<br> ''Список использованных источников: ''
+
<br> ''Список использованных источников: ''  
1. Урок на тему: «Создание списков в языке HTML», Мелещенко Г. П., г. Харьков.  
1. Урок на тему: «Создание списков в языке HTML», Мелещенко Г. П., г. Харьков.  
Строка 125: Строка 148:
3. Дуванов А.А Web-конструирование. HTML Основы информатики. - BHV-СПб, 2005 г.  
3. Дуванов А.А Web-конструирование. HTML Основы информатики. - BHV-СПб, 2005 г.  
-
<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''
+
<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''  
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].  
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].  

Версия 10:51, 11 ноября 2010

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