- •Введение
- •Основные элементы языка html
- •Каскадные таблицы стилей (Cascading Style Sheets css)
- •Специализация селекторов.
- •Способы встраивания стилей в html – документ
- •Применение нескольких таблиц стилей
- •Использование стилей для форматирования текста
- •Стили шрифтов
- •Стили оформления текста (цвет, фон)
- •Стили табулирования текста
- •Расположение элемента
- •Неупорядоченные списки.
- •Упорядоченные списки
- •Списки определений
- •Формы Для чего нужны формы?
- •Как устроена форма
- •Простейшая форма
- •Как форма собирает данные
- •Маленькие хитрости Как отправить форму почтой
- •Комментарии
Неупорядоченные списки.
Элемент 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) означает «общепринятый интерфейс шлюзов».
Формы передают информацию программам-обработчикам в виде пар [имя переменной]=[значение переменной]. Имена переменных следует задавать латинскими буквами. Значения переменных воспринимаются обработчиками как строки, даже если они содержат только цифры.