Списки. Види списків. Повні уроки - История изменений

User17 в 20:44, 4 ноября 2012

2012-11-04T20:44:45Z

User16 в 18:12, 2 ноября 2012

2012-11-02T18:12:37Z

← Предыдущая		Версия 18:12, 2 ноября 2012
Строка 56:		Строка 56:
	За допомогою атрибута ''type'' можна змінити стилі нумерації.		За допомогою атрибута ''type'' можна змінити стилі нумерації.

-	[[Image:Numeraciya.jpg\|~~480px~~\|Нумерований список]]	+	[[Image:Numeraciya.jpg\|550px\|Нумерований список]]

-	[[Image:Number1.jpg\|~~480px~~\|Нумерований список]]	+	[[Image:Number1.jpg\|550px\|Нумерований список]]

	При доповненні вже існуючого списку новими значеннями, браузер перерахує його.		При доповненні вже існуючого списку новими значеннями, браузер перерахує його.
Строка 68:		Строка 68:


-	[[Image:Number2.jpg\|~~480px~~\|Нумерований список]]	+	[[Image:Number2.jpg\|550px\|Нумерований список]]

	====Маркований список====		====Маркований список====
Строка 84:		Строка 84:


-	[[Image:Markir.jpg\|~~480px~~\|Маркований список]]	+	[[Image:Markir.jpg\|550px\|Маркований список]]

	<br>		<br>
Строка 102:		Строка 102:


-	[[Image:Opredd.jpg\|~~480px~~\|Списки визначень]]	+	[[Image:Opredd.jpg\|550px\|Списки визначень]]


-	[[Image:Figurss.jpg\|~~480px~~\|Списки визначень]]	+	[[Image:Figurss.jpg\|550px\|Списки визначень]]

User16 в 18:11, 2 ноября 2012

2012-11-02T18:11:46Z

← Предыдущая		Версия 18:11, 2 ноября 2012
Строка 45:		Строка 45:
	{{#ev:youtube\|Pz2onrsCdYk}}		{{#ev:youtube\|Pz2onrsCdYk}}

-	====Нумерований список===	+	====Нумерований список====

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

User16 в 18:11, 2 ноября 2012

2012-11-02T18:11:29Z

Внесённые изменения

User11 в 10:12, 10 марта 2011

2011-03-10T10:12:50Z

← Предыдущая		Версия 10:12, 10 марта 2011
Строка 137:		Строка 137:
	<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''		<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''

-	~~Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].~~	+	<br> ----

-	~~Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http:~~/~~/xvatit.com/forum/ Образовательный форум].~~	+	'''<u>Над уроком працювали</u>'''

		+	Буйволова О. М.

		+	Соловйов М. С.
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>

	[[Category:Інформатика_10_клас]]		[[Category:Інформатика_10_клас]]

User17 в 12:50, 25 января 2011

2011-01-25T12:50:07Z

← Предыдущая		Версия 12:50, 25 января 2011
Строка 106:		Строка 106:
	[[Image:Figurss.jpg]]		[[Image:Figurss.jpg]]

-	~~{{#ev:youtube\|Falspu6Tg1k}}~~

-	{{#ev:youtube\|~~Asfatc5osgw~~&feature=related}}	+	{{#ev:youtube\|FAlsPU6Tg1k}}
		+
		+	{{#ev:youtube\|AsfATC5oSGw&feature=related}}

	<br>		<br>

User17 в 12:49, 25 января 2011

2011-01-25T12:49:27Z

← Предыдущая		Версия 12:49, 25 января 2011
Строка 17:		Строка 17:
	Теж саме можна сказати і про ''списки'', які визначають структуру документа.		Теж саме можна сказати і про ''списки'', які визначають структуру документа.

-	{{#ev:youtube\|~~j8Vc~~-6Jy6D8&feature=related}}	+	{{#ev:youtube\|J8Vc-6Jy6D8&feature=related}}

	<u>Існує кілька видів списків: </u>		<u>Існує кілька видів списків: </u>
Строка 37:		Строка 37:
	<br>		<br>

-	{{#ev:youtube\|~~pz2onrscdyk~~}}	+	{{#ev:youtube\|Pz2onrsCdYk}}

	<br> '''Нумерований список.'''		<br> '''Нумерований список.'''
Строка 106:		Строка 106:
	[[Image:Figurss.jpg]]		[[Image:Figurss.jpg]]

-	{{#ev:youtube\|~~falspu6Tg1k~~}}	+	{{#ev:youtube\|Falspu6Tg1k}}

-	{{#ev:youtube\|~~asfatc5osgw~~&feature=related}}	+	{{#ev:youtube\|Asfatc5osgw&feature=related}}

	<br>		<br>

User17: Новая страница: «'''Гіпермаркет Знань>>Інформатика>...»

2011-01-11T14:28:05Z

Новая страница: «'''Гіпермаркет Знань>>Інформатика>...»

Новая страница

'''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика]]>>[[Інформатика 10 клас. Повні уроки|Інформатика 10 клас. Повні уроки]]>> Інформатика: Списки. Види списків.'''

<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Списки. Види списків.</metakeywords>

'''Тема: Списки. Види списків.'''

'''Мета:''' Розглянути поняття списків у мові HTML. Навчити створювати різні види списків: від нумерованих до списків визначень. '''Тип уроку:'''теоретично-практичний.

'''Хід уроку:'''

 Багато тегів не тільки відповідають за вигляд веб-сторінки але і визначають її структуру.

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

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

Теж саме можна сказати і про ''списки'', які визначають структуру документа.

{{#ev:youtube|j8Vc-6Jy6D8&feature=related}}

Існує кілька видів списків: 

*Нумеровані
*Марковані
*Списки визначень

 

Відразу потрібно сказати, що всі види списків можуть бути використані у змішаному порядку і бувають як неупорядкованими, так і впорядкованими.

 

Окремим типом списків є ''багаторівневий'', для створення якого використовуються комбінації маркованих і нумерованих.

Багаторівневий список створюється шляхом інтегрування (вкладення) одного списку в інший.

 

{{#ev:youtube|pz2onrscdyk}}

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

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

#перший відзначає початок і закінчення всього списку
#другий позначає початок і кінець окремого елемента списку

За замовчуванням, елементи списку нумеруються по порядку, тобто - 1, 2, 3 і т.д.

За допомогою атрибута ''type'' можна змінити стилі нумерації.

[[Image:Numeraciya.jpg]]

[[Image:Number1.jpg]]

При доповненні вже існуючого списку новими значеннями, браузер перерахує його.

 

Причому, атрибуты '''start''' і '''value''' змінюють порядок нумерації списку:

*START – задає початковий номер списку.
*VALUE – призначає довільний номер будь-якому елементу списку

 

[[Image:Number2.jpg]]

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

Для створення маркованих списків застосовують теги ''< UL >'' і ''< LI >: ''

#''< UL >'' відзначає початок і закінчення всього списку
#''< LI > '' позначає початок і кінець окремого елемента списку.

Елементи списку, за замовчуванням, завжди маркуються чорним кружечком.

А за допомогою атрибута ''type'' можна змінити стиль маркірування.

Також потрібно знати, що в межах одного списку можна використовувати різне маркування елементів списку.

 

 

[[Image:Markir.jpg]]

 

 '''Списки визначень'''

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

#< DL > - початок і кінець списку
#< DT > - початок і кінець конкретного терміну
#< DD > - початок і кінець статті, яка пояснює термін

 

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

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

[[Image:Opredd.jpg]]

[[Image:Figurss.jpg]]

{{#ev:youtube|falspu6Tg1k}}

{{#ev:youtube|asfatc5osgw&feature=related}}

 

'''Самоконтроль:'''

1. Для чого потрібні списки?

2. Види списків.

3. Як створити нумерований список?

4. Що являє собою список визначень?

 ''Список використаної літератури:''

 1. Урок на тему: «Списків у мові HTML», Буйволова О. М., м. Херсон.

2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.

3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.

4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.

5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.

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

Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].

Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].

[[Category:Інформатика_10_клас]]