KNOWLEDGE HYPERMARKET


Списки. Види списків. Повні уроки

Гіпермаркет Знань>>Інформатика>>Інформатика 10 клас. Повні уроки>> Інформатика: Списки. Види списків.

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

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

Хід уроку:


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

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

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

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


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

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


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


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

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




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

Для створення нумерованих списків використовуються теги < 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. Основа любого сайта. - Эксмо, 2010.

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

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

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


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

Якщо у вас є виправлення чи пропозиції до цього уроку, напишіть нам.

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

Предмети > Інформатика > Інформатика 10 клас