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