Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Презентации / Презентация по Web программированию на тему "Списки"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Презентация по Web программированию на тему "Списки"

библиотека
материалов
Списки в HTML Нумерованные (упорядоченные) списки Маркированные (неупорядочен...
Нумерованные (упорядоченные) списки Элементы списка маркируются с помощью чис...
Пример     Упорядоченный список:      элемент 1    элемент 2    элемент 3   ...
Неупорядоченные (маркированные) списки  Неупорядоченный список является списк...
Различные типы неупорядоченных списков        Неупорядоченный список:      эл...
Различные типы неупорядоченных списков  Список со значком окружностью:    эле...
Списки определений  Список определений не является списком элементов. Это спи...
Пример       Список определений:      элемент 1    описание элемента 1    эле...
Вложенный список        Вложенный список:      элемент 1    элемент 2       ...
9 1

Описание презентации по отдельным слайдам:

№ слайда 1 Списки в HTML Нумерованные (упорядоченные) списки Маркированные (неупорядочен
Описание слайда:

Списки в HTML Нумерованные (упорядоченные) списки Маркированные (неупорядоченные) списки списки определений

№ слайда 2 Нумерованные (упорядоченные) списки Элементы списка маркируются с помощью чис
Описание слайда:

Нумерованные (упорядоченные) списки Элементы списка маркируются с помощью чисел или букв.  Упорядоченный список начинается с тега <ol> . Каждый элемент списка начинается с тега  <li>.  У  тега  <ol>  может быть два атрибута: - start (определяет первое число, с которого начинается  нумерация пунктов), - type (определяет стиль нумерации пунктов). Может иметь значения:  •     "A" - заглавные буквы A, B, C ...  •     "a" - строчные буквы a, b, c ...  •     "I" - большие римские числа I, II, III ...  •     "i" - маленькие римские числа i, ii, iii ...  •     "1" - арабские числа 1, 2, 3 ...   

№ слайда 3 Пример     Упорядоченный список:      элемент 1    элемент 2    элемент 3   
Описание слайда:

Пример <html>  <body>  <h4>Упорядоченный список:</h4>  <ol>    <li>элемент 1</li>    <li>элемент 2</li>    <li>элемент 3</li>  </ol>    </body>  </html> 

№ слайда 4 Неупорядоченные (маркированные) списки  Неупорядоченный список является списк
Описание слайда:

Неупорядоченные (маркированные) списки  Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).  Неупорядоченный список начинается с тега  <ul>, имеет атрибут type=disk| circle |square Каждый элемент списка начинается с тега  <li>.  

№ слайда 5 Различные типы неупорядоченных списков        Неупорядоченный список:      эл
Описание слайда:

Различные типы неупорядоченных списков  <html>  <body>    <h4>Неупорядоченный список:</h4>  <ul>    <li>элемент 1</li>    <li>элемент 2</li>    <li>элемент 3</li>  </ul>    </body>  </html> 

№ слайда 6 Различные типы неупорядоченных списков  Список со значком окружностью:    эле
Описание слайда:

Различные типы неупорядоченных списков  <h4>Список со значком окружностью:</h4>  <ul type="circle">  <li>элемент 1</li>   <li>элемент 2</li>   <li>элемент 3</li>  </ul>     ********************************* <h4>Список со значком квадратом:</h4>  <ul type="square">  <li>элемент 1</li>   <li>элемент 2</li>   <li>элемент 3</li>  </ul>   

№ слайда 7 Списки определений  Список определений не является списком элементов. Это спи
Описание слайда:

Списки определений  Список определений не является списком элементов. Это список терминов и определений  терминов.  Список определений начинается с тега  <dl>.  Каждый термин списка определений начинается с тега  <dt>.  Каждое определение списка начинается с тега  <dd>. 

№ слайда 8 Пример       Список определений:      элемент 1    описание элемента 1    эле
Описание слайда:

Пример <html>  <body>    <h4>Список определений:</h4>  <dl>    <dt>элемент 1</dt>    <dd>описание элемента 1</dd>    <dt>элемент 2</dt>    <dd>описание элемента 2</dd>  </dl>    </body>  </html> 

№ слайда 9 Вложенный список        Вложенный список:      элемент 1    элемент 2       
Описание слайда:

Вложенный список  <html>  <body>    <h4>Вложенный список:</h4>  <ul>    <li>элемент 1</li>    <li>элемент 2</li>      <ul>      <li>элемент 2.1</li>      <li>элемент 2.2</li>      </ul>    <li>элемент 3</li>  </ul>    </body>  </html> 

Краткое описание документа:

Нумерованные (упорядоченные) списки

Элементы списка маркируются с помощью чисел или букв. 
Упорядоченный список начинается с тега 

  1.  .

Каждый элемент списка начинается с тега  . 

 У  тега  

  1.   может быть два атрибута:

 -  start (определяет первое число, с которого начинается 
нумерация пунктов),

     - type (определяет стиль нумерации пунктов).

     Может иметь значения: 
•     "A" - заглавные буквы A, B, C ... 
•     "a" - строчные буквы a, b, c ... 
•     "I" - большие римские числа I, II, III ... 
•     "i" - маленькие римские числа i, ii, iii ... 
•     "1" - арабские числа 1, 2, 3 ... 

Неупорядоченные (маркированные) списки 

      Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг). 

  Неупорядоченный список начинается с тега  

  • , имеет атрибут

          type=disk| circle |square

 

  Каждый элемент списка начинается с тега 
.  

Автор
Дата добавления 03.02.2015
Раздел Информатика
Подраздел Презентации
Просмотров317
Номер материала 360501
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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