KNOWLEDGE HYPERMARKET


Практическая работа №7: Создание списков
(Новая страница: «<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 11 клас, клас, ур...»)
 
Строка 9: Строка 9:
<br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br>  
<br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br>  
 +
<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; '''Практическая работа №7: «Создание списков»'''<br><br>1. Нумерованный список<br>2. Маркированный список<br>3. Многоуровненвый список<br>4. Списки определений<br><br>'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Основное применение списков:'''<br><br>Нумерованные - для перечисления элементов, следующих в строго определенном порядке.<br>Маркированные - для перечисления элементов, следующих в произвольном порядке.<br>Многоуровневые - для конкретизации информации определенных элементов.<br>Список определений - используется для форматирования словарей.<br><br>'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Нумерованный список'''<br><br>Для создания нумерованных списков используются тэги &lt;OL&gt;&lt;LI&gt;<br>Тэгом &lt;OL&gt; отмечается начало/окончание всего списка.<br>Тэгом &lt;LI&gt; обозначают начало/конец отдельного элемента списка.<br>По умолчанию элементы списка нумеруются по порядку 1, 2, 3… При помощи атрибута TYPE можно изменить стиль нумерации.<br>Значение&nbsp; Нумерация<br>&nbsp; TYPE<br><br>&nbsp; A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A, B, C..<br>a&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a, b, c..<br>&nbsp; I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; I, II, III..<br>i&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i, ii, iii..<br>&nbsp; 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. 2. 3..&nbsp; &nbsp;<br>Если дополнить уже существующий список новыми значениями, то браузер автоматически пересчитает его.<br>При помощи атрибутов START VALUE можно изменить порядок нумерации списка.<br>START - служит для задания начального номера списка, отличного от 1.<br>VALUE - дает возможность назначить произвольный номер любому элементу списка.
-
текст
+
'''''Пример:'''''<br>
 +
{| cellspacing="1" cellpadding="1" border="1" style="width: 610px; height: 22px;"
 +
|-
 +
| '''HTML-код:'''<br> <br> &lt;ol&gt;<br> &lt;li&gt;элемент 1&lt;/li&gt;<br> &lt;li&gt;элемент 2&lt;/li&gt;<br> &lt;li&gt;элемент 3&lt;/li&gt;<br> &lt;/ol&gt;<br> &lt;ol type="A"&gt;<br> &lt;li&gt;элемент 1&lt;/li&gt;<br> &lt;li&gt;элемент 2&lt;/li&gt;<br> &lt;li&gt;элемент 3&lt;/li&gt;<br> &lt;/ol&gt;<br> &lt;ol start="5"&gt;<br> &lt;li&gt;элемент 1&lt;/li&gt;<br> &lt;li value="9"&gt;элемент 2&lt;/li&gt;<br> &lt;li&gt;элемент 3&lt;/li&gt;<br> &lt;/ol&gt; <br>
 +
|
 +
'''Отображение в браузере:'''<br> <br> 1.&nbsp;&nbsp; &nbsp;элемент 1 <br> 2.&nbsp;&nbsp; &nbsp;элемент 2 <br> 3.&nbsp;&nbsp; &nbsp;элемент 3 <br> A.&nbsp;&nbsp; &nbsp;элемент 1 <br> B.&nbsp;&nbsp; &nbsp;элемент 2 <br> C.&nbsp;&nbsp; &nbsp;элемент 3 <br> 5.&nbsp;&nbsp; &nbsp;элемент 1 <br> 9.&nbsp;&nbsp; &nbsp;элемент 2
 +
10.&nbsp;&nbsp; &nbsp;элемент 3
 +
|}
 +
<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'''&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Маркированный список'''<br><br>Для создания маркированных списков применяют тэги &lt;UL &lt;LI&gt;<br>Тэгом &lt;UL&gt; отмечается начало/окончание всего списка.<br>Тэгом &lt;LI&gt; обозначают начало/конец отдельного элемента списка.<br>По умолчанию элементы списка маркируются черным кружочком. При помощи атрибута TYPE можно изменить стиль маркирования.<br>В пределах одного списка можно использовать различную маркировку элементов списка.
 +
'''''Пример:'''''<br>
 +
 +
{| cellspacing="1" cellpadding="1" border="1" style="width: 603px; height: 22px;"
 +
|-
 +
| '''HTML-код:'''<br> <br> &lt;ul type="circle"&gt;<br> &lt;li&gt;элемент 1&lt;/li&gt;<br> &lt;li&gt;элемент 2&lt;/li&gt;<br> &lt;li type="disc"&gt;элемент 3&lt;/li&gt;<br> &lt;li type="square"&gt;элемент 4&lt;/li&gt;<br> &lt;/ul&gt;
 +
| '''Отображение в браузере:'''<br> <br> &nbsp;&nbsp; &nbsp;элемент 1 <br> &nbsp;&nbsp; &nbsp;элемент 2 <br> &nbsp;&nbsp; &nbsp;элемент 3 <br> &nbsp;&nbsp; &nbsp;элемент 4
 +
|}
 +
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'''&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Многоуровненвый список'''<br><br>Для создания многоуровневых списков можно использовать как маркированные, так и нумерованные списки, а также их сочетание. Многоуровневый список получается путем вложения одного списка в тело другого. Главная задача при этом не запутаться. Для этого советую делать различные отступы для отдельных списков.<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Списки определений'''<br><br>Для создания списков определений используют три тэга:<br>&lt;DL&gt; - начало/конец списка.<br>&lt;DT&gt; - начало/конец конкретного термина.<br>&lt;DD&gt; - начало/конец поясняющей статьи термина.<br>Тэги &lt;DT&gt; и &lt;DD&gt; не обязательно чередовать. Т.е. можно "привязать" к одному определению несколько терминов, и, наоборот.
 +
 +
'''''Пример:'''''
 +
 +
{| cellspacing="1" cellpadding="1" border="1" style="width: 626px; height: 22px;"
 +
|-
 +
| '''HTML-код:'''<br> <br> &lt;dl&gt;<br> &lt;dt&gt;Термин 1&lt;/dt&gt;<br> &lt;dd&gt;Аннотация1 к термину 1&lt;/dd&gt;<br> &lt;dd&gt;Аннотация2 к термину 1&lt;/dd&gt;<br> &lt;/dl&gt;
 +
| '''Отображение в браузере:'''<br> <br> Термин 1 <br> Аннотация1 к термину 1 <br> Аннотация2 к термину 1
 +
|}
 +
 +
&nbsp;________________________________________<br>'''Дополнительная информация по теме:'''
 +
 +
Создание и разработка сайта в примерах - on-line-teaching.com/site/<br>Основы векторной и растровой графики - grafika-online.com
 +
 +
<br>
Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»  
Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»  
[[Category:Структура_веб-сайтів,_різновиди_веб-сайтів._Практикуми,_лабораторні,_кейси]]
[[Category:Структура_веб-сайтів,_різновиди_веб-сайтів._Практикуми,_лабораторні,_кейси]]

Текущая версия на 18:45, 3 марта 2012

Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів

Практична робота до предмету Інформатика 11 клас.

Тема «Практическая работа №7: «Создание списков»».



Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів


                                    Практическая работа №7: «Создание списков»

1. Нумерованный список
2. Маркированный список
3. Многоуровненвый список
4. Списки определений

                                              Основное применение списков:

Нумерованные - для перечисления элементов, следующих в строго определенном порядке.
Маркированные - для перечисления элементов, следующих в произвольном порядке.
Многоуровневые - для конкретизации информации определенных элементов.
Список определений - используется для форматирования словарей.

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

Для создания нумерованных списков используются тэги <OL><LI>
Тэгом <OL> отмечается начало/окончание всего списка.
Тэгом <LI> обозначают начало/конец отдельного элемента списка.
По умолчанию элементы списка нумеруются по порядку 1, 2, 3… При помощи атрибута TYPE можно изменить стиль нумерации.
Значение  Нумерация
  TYPE

  A       A, B, C..
a       a, b, c..
  I       I, II, III..
i       i, ii, iii..
  1       1. 2. 3..   
Если дополнить уже существующий список новыми значениями, то браузер автоматически пересчитает его.
При помощи атрибутов START VALUE можно изменить порядок нумерации списка.
START - служит для задания начального номера списка, отличного от 1.
VALUE - дает возможность назначить произвольный номер любому элементу списка.

Пример:

HTML-код:

<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
<ol type="A">
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
<ol start="5">
<li>элемент 1</li>
<li value="9">элемент 2</li>
<li>элемент 3</li>
</ol>

Отображение в браузере:

1.    элемент 1
2.    элемент 2
3.    элемент 3
A.    элемент 1
B.    элемент 2
C.    элемент 3
5.    элемент 1
9.    элемент 2 10.    элемент 3


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

Для создания маркированных списков применяют тэги <UL <LI>
Тэгом <UL> отмечается начало/окончание всего списка.
Тэгом <LI> обозначают начало/конец отдельного элемента списка.
По умолчанию элементы списка маркируются черным кружочком. При помощи атрибута TYPE можно изменить стиль маркирования.
В пределах одного списка можно использовать различную маркировку элементов списка.

Пример:

HTML-код:

<ul type="circle">
<li>элемент 1</li>
<li>элемент 2</li>
<li type="disc">элемент 3</li>
<li type="square">элемент 4</li>
</ul>
Отображение в браузере:

    элемент 1
    элемент 2
    элемент 3
    элемент 4


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

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

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

Для создания списков определений используют три тэга:
<DL> - начало/конец списка.
<DT> - начало/конец конкретного термина.
<DD> - начало/конец поясняющей статьи термина.
Тэги <DT> и <DD> не обязательно чередовать. Т.е. можно "привязать" к одному определению несколько терминов, и, наоборот.

Пример:

HTML-код:

<dl>
<dt>Термин 1</dt>
<dd>Аннотация1 к термину 1</dd>
<dd>Аннотация2 к термину 1</dd>
</dl>
Отображение в браузере:

Термин 1
Аннотация1 к термину 1
Аннотация2 к термину 1

 ________________________________________
Дополнительная информация по теме:

Создание и разработка сайта в примерах - on-line-teaching.com/site/
Основы векторной и растровой графики - grafika-online.com


Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»

Предмети > Інформатика > Інформатика 11 клас > Структура веб-сайтів, різновиди веб-сайтів > Структура веб-сайтів, різновиди веб-сайтів. Практикуми, лабораторні, кейси