Как сделать списки в HTML?

1

Posted by Виктория Павловна Дончик | Posted in Web-дизайн, Интернет | Posted on 13-02-2015

Метки:

Списки в HTMLУрок 3. Списки в HTML

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

 

В HTML существует три вида списков:

  • Маркированный
  • Нумерованный
  • Список определений

 

Любой список формируется

  • общим контейнером и
  • контейнером разделения пунктов.

 

Например, маркированный список формируется контейнером <ul> и каждый пункт начинается с тега <li> (<li> - контейнер разделения пунктов). Результат примера:

 Пример маркированного списка с сайта http://htmlbook.ru/

По умолчанию маркер принимает вид круга. Для изменения вида маркера нужно в теге <ul> записать атрибут type="circle" (окружность) или type="square" (квадрат).

 

Чтобы больше узнать о списках, предлагаю посмотреть видеоматериал:


 

Практикум

Задание 1. Добавить списки на WEB-странички, созданные на прошлом уроке.

Задание 2. Создать WEB-страничку «Анкета».

Задание 3. Создать WEB-страничку, используя вложенные теги.

 

Повторим тему «Списки в HTML»:

  • Типы списков в HTML?
  • Какой атрибут задает вид маркера?
  • Назовите контейнер для нумерованного списка.
  • Назовите контейнер для разделения пунктов в нумерованном списке.
  • Как изменить нумерацию? Какое значение имеет атрибут type по умолчанию в нумерованном списке?
  • Зачем применяется атрибут start?
  • Из каких тегов состоит список определений?

 

Ответы на вопросы (скрин конспекта) и отчет по Практикуму выложить в GD.

На предыдущем занятии мы знакомились с тегами и атрибутами HTML. Приглашаю посмотреть видеоматериал по теме: "Теги и атрибуты в HTML". Следующий урок по теме "Таблицы в HTML".

Comments (1)

Виктория, а если в редакторе сайта эти опции и так заданы, то так ли мне нужно знать, как это можно сделать вручную?
Дмитрий с Буридо Живое и мертвоеMy Profile

Write a comment

x