Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Веб-дизайн. Методичка-лекции.doc
Скачиваний:
4
Добавлен:
23.11.2019
Размер:
491.52 Кб
Скачать

Неупорядоченные списки.

Элемент UL <ul> </ul>- обязательные, внутри перечисленные элементы списка, каждый помечен<li> </li> (закрывающий необязателен). Браузер отображает элементы списка, каждый с новой строки с отступом и маркером. Атрибуты type и compact являются нежелательными. Вид маркера определяется в стиле с помощью свойства list- style- type:

  • None

  • Circle (окружность)

  • Disk (черный круг) по умолчанию

  • Square (квадрат) может быть закрыт

Другие параметры

list- style- position положение маркера элемента (внутри или вне элемента)

  • outside (вне) по умолчанию

  • inside (внутри)

- list- style- image определенный URL адрес графического маркера

  • none по умолчанию

  • URL адрес графического файла url (…)

Общий параметр list-style: вид_маркера положение адрес_графического_маркера

Упорядоченные списки

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

Элемент OL <ol> </ol>. Внутри элементы списка <li> </ li> (закрывающий необязательный). Нумеровать элементы списка можно арабскими и римскими цифрами, малыми и заглавными латинскими буквами. Вид нумерации задается с помощью свойства list- style- type, значения:

  • decimal – арабские цифры

  • lower-alpha – строчные (маленькие) латинские буквы

  • upper-alpha – прописные (заглавные) латинские буквы

  • lower-roman – маленькие латинские цифры III

  • upper-roman – большие латинские iii

Нежелательными являются атрибуты. type, start, compact.

Списки определений

Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Можно использовать для отображения терминов и их определений, информация будет отображаться как в словарях.

Элемент DL <dl> </dl>, каждый элемент списка задается с помощью двух тегов. <dt> </dt> для определяемого термина и <dd> </dd> для определения термина (закрывающие теги необязательны).

Формы Для чего нужны формы?

Форма — это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана. Рассказать о формах, рассказывая только о языке HTML, достаточно трудно. Причина очень простая: создать форму гораздо проще, чем ту «точку внешнего мира», в которую форма будет посылать информацию. В качестве такой «точки» в большинстве случаев выступает программа, написанная на каком-нибудь языке программирования, например, Си. Программы, обрабатывающие данные, переданные формами, часто называют CGI-скриптами. Сокращение CGI (Common Gateways Interface) означает «общепринятый интерфейс шлюзов».

Формы передают информацию программам-обработчикам в виде пар [имя переменной]=[значение переменной]. Имена переменных следует задавать латинскими буквами. Значения переменных воспринимаются обработчиками как строки, даже если они содержат только цифры.