Создание списков средствами HTML-программирования

  • Богатова Наталья Вениаминовна, учитель математики и информатики

Тип урока: практический.

Цель: формирование навыков оформления списков на web-страницах.

Задачи:

  1. Научить создавать 3 вида списков с помощью html-тегов.
  2. Развивать навыки создания html-документов.
  3. Воспитывать культуру оформления html-документов.

Ход урока

1. Организационный момент.

2. Объявление темы и цели урока.

3. Работа по теме урока:

3.1 Повторение ранее пройденного материала, актуализация знаний
(Приложение1)
.

3.2 Изучение нового материала: создание списков
(Приложение2)
:

В html документах используются три вида списков: пронумерованные,
промаркированные и списки определений или как их еще называют – списки описаний.
Отдельно о вложенных списках, то есть одного списка внутри другого. Создаются
такие списки очень просто. Для этого достаточно расположить пару тегов
(открывающий и закрывающий) внутри другой пары. Итак:

Списки нумерованные.

В случае формирования пронумерованных списков, браузер автоматически вставит
номер элементов списка по порядку. То есть, если вам нужно будет убрать
какие-либо элементы списка, то браузер автоматически пересчитает, те что
остались.

Начало нумерованного списка определяется открывающим тэгом

    а конец –
    закрывающим тэгом

. Все элементы списка начинаются с тэга

  • . Например:

    1. Первая строка списка
    2. Вторая строка списка
    3. Третья строка списка

    В визуальном режиме это будет выглядеть так:

    1. Первая строка списка
    2. Вторая строка списка
    3. Третья строка списка

    Атрибуты тега

      – type и start.

      Атрибут type устанавливает стиль нумерации элементов списка и может принимать
      следующие значения:

      “А” – заглавные буквы A, B, C …
      “а” – строчные буквы a, b, c …
      “I” – большие римские числа I, II, III …
      “i” – маленькие римские числа i, ii, iii …
      “1” – арабские числа 1, 2, 3 …
      По умолчанию

        Атрибут start устанавливает первое число, с которого начинается нумерация
        элементов списка. Может быть: start=»1,2,3… и.т.д.»

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

        1. Первая строка списка
        2. Вторая строка списка
        3. Третья строка списка

        Будет выглядеть в визуальном режиме вот так:

        V. Первая строка списка
        VI. Вторая строка списка
        VII. Третья строка списка

        Списки маркированные.

        Для маркированных списков браузер применяет для отметки элемента списка
        маркеры. Вид маркера, обычно, определяется в таблице стилей.

        Начало маркированного списка определяется открывающим тэгом

          а конец –
          закрывающим тэгом

        . Все элементы списка начинаются с тэга

      1. . Например:

        • Первая строка списка
        • Вторая строка списка
        • Третья строка списка

        В визуальном режиме это будет выглядеть так:

        • Первая строка списка
        • Вторая строка списка
        • Третья строка списка

        Атрибут тега

  • Write a Reply or Comment

    Ваш e-mail не будет опубликован. Обязательные поля помечены *