12-01-2021, 20:12

Урок №3. Создание списков

 Сегодня разберемся как при помощи html-тегов оформлять списки.

Давайте вспомним какие бывают списки

На прошлых занятиях мы уже разобрались как выглядит HTML-документ, как разбивать текст на абзацы, устанавливать заголовки и немного форматировать шрифт.

Если вы хотите больше узнать о такой науке, как информатика, зайдите на сайт https://best-exam.ru, где вы найдете тесты, олимпиадные задачи, лабораторные и контрольные работы.

Сегодня разберемся как при помощи html-тегов оформлять списки.

Какие бывают списки?

Давайте вспомним какие бывают списки.

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

  • Чтение
  • Рисование
  • Музыка
  • Метематика
  • Физкультура

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

  1. Иванова Маша
  2. Петров Олег
  3. Романов Игорь
  4. Давыдова Полина

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

  1. Весна
    • Март
    • Апрель
    • Май
  2. Лето
    • Июнь
    • Июль
    • Август
  3. Осень
    • Сентябрь
    • Октябрь
    • Ноябрь

Вот такие списки сейчас и создадим с помощью тегов.

Теги списков

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

Создаётся с помощью тегов

<UL>

  <LI>Элемент Списка</LI>

  <LI>Элемент Списка</LI>

  <LI>Элемент Списка</LI>

</UL>

Элементов списка может быть любое количество.

списоксписок

Кстати, теги можно писать как заглавными буквами<UL>, так и прописными <ul>. На их работу это не влияет. Пишите так, как вам удобнее

Маркер в списке можно поменять, используя специальный атрибут TYPE, который прописывается внутри тега.

<UL type=circle> - маркер в виде окружности.

<UL type=square> - маркер в виде квадрата.

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

Нумерованные списки создаются с помощью тегов:

<OL>

  <LI>Элемент Списка</LI>

  <LI>Элемент Списка</LI>

  <LI>Элемент Списка</LI>

</OL>

Так же, как и в маркированном, элементов списка может быть любое количество.

И вид нумерации можно изменять с помошью атрибута TYPE.

<OL type="I"> - римские большие цифры;

<OL type="i"> - римские маленькие цифры;

<OL type="A"> - большие буквы английского алфавита;

<OL type="a"> - маленькие буквы английского алфавита.

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

Многоуровневые списки формируются с помощью комбинации маркированных и нумерованных списков.

Задание для самостоятельной работы

Создайте самостоятельно список, размещенный в самом начале урока с помощью HTML


Уважаемые читатели!

Все материалы с сайта можно скачивать абсолютно бесплатно. Все материалы проверены антивирусом и не содержат скрытых скриптов.

Материалы в архиве не помечены водяными знаками!

Если материал нарушает чьи-то авторские права, просьба написать нам по обратной связи, указав авторство материала. Мы обязуемся либо убрать материал, либо указать прямую ссылку на автора.

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




Уважаемые посетители! Все комментарии проходят модерацию. Поэтому ваше сообщение появится через некоторое время.

Добавление комментария
Имя:* E-Mail: