Списки и интерактивные формы на Web-страницах

Списки и интерактивные формы
на Web-страницах
Списки
Нумерованные
Маркированные
Списки
определений
Имена:
1.
2.
3.
4.
5.
Алина
Дарья
Марина
Наталья
Ольга
HTML
Гипертекстовый язык разметки
CSS
Каскадные таблицы стилей
Имена:





Алина
Дарья
Марина
Наталья
Ольга
Нумерованные списки ― это списки, в которых
элементы списка идентифицируются с помощью
чисел.
Дни недели:
1.
2.
3.
4.
5.
6.
7.
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
<OL>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
</OL>
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Дни недели:
I.
II.
III.
IV.
V.
VI.
VII.
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Дни недели:
a.
b.
c.
d.
e.
f.
g.
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
<OL
<OL>TYPE=“I”>
TYPE>
<LI> Понедельник
<LI> Вторник
<LI> Среда
<LI> Четверг
<LI> Пятница
<LI> Суббота
<LI> Воскресенье
</OL>
<OL>TYPE=“a”>
<OL
TYPE>
<LI> Понедельник
<LI> Вторник
<LI> Среда
<LI> Четверг
<LI> Пятница
<LI> Суббота
<LI> Воскресенье
</OL>
Дни недели:
I. Понедельник
II. Вторник
III. Среда
IV. Четверг
V. Пятница
VI. Суббота
VII.Воскресенье
<OL TYPE=“I”>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
</OL>
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Маркированные списки ― это списки, в
которых элементы списка идентифицируются с
помощью специальных знаков.
Дни недели:
o
o
o
o
o
o
o
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Дни недели:







Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Нумерованный
список
Маркированный
список
Дни недели:
I.
II.
III.
IV.
V.
VI.
VII.
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Дни недели:
•
•
•
•
•
•
•
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
<OL TYPE=“I”>
<LI> Понедельник
<LI> Вторник
<LI> Среда
<UL TYPE=“disc”>
<LI> Четверг
<LI> Пятница <UL TYPE=“square”>
<LI> Суббота
<UL TYPE=“circle”>
<LI> Воскресенье
</OL>
<UL>
<UL TYPE=“disc”>
<LI> Понедельник
<LI> Вторник
<LI> Среда
<LI> Четверг
<LI> Пятница
<LI> Суббота
<LI> Воскресенье
</UL>
Дни недели:
•
•
•
•
•
•
•
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
<UL TYPE=“disc”>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
</UL>
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Список определений позволяет составлять
перечни определений в словарной форме.
HTML
Гипертекстовый язык разметки
CSS
Каскадные таблицы стилей
<DL>
<DT> HTML
<DD> Гипертекстовый язык разметки
<DT> CSS
<DD> Каскадные таблицы стилей
</DL>
HTML
Гипертекстовый язык разметки
CSS
Каскадные таблицы стилей
Интерактивные формы
Форма — это набор элементов: поля ввода, поля
выбора, переключатели.
<FORM>
…
<\FORM>
Текстовые поля — для ввода текстовой информации.
<INPUT
TYPE=“text”>Name=“name’ SIZE=5>
<INPUT>TYPE=“text”
Переключатели — выбор из нескольких вариантов.
<INPUT >TYPE =“radio” NAME =“group” VALUE =“уникальное имя” >
Укажите, к какой группе пользователей вы себя относите:
учащийся
студент
Флажки — выбор из нескольких вариантов.
<INPUT >
TYPE =“checkbox”
NAME =“group”
VALUE =“уникальное имя” >
Какие из сервисов Интернета вы используете наиболее часто?
WWW
E-MAIL
Раскрывающийся список — выбор из списка одного
варианта.
<SELECT>
<OPTION> Элемент списка 1
<OPTION>SELECTED>
<OPTION
Элемент списка
Элемент
2 списка 2
<OPTION> Элемент списка 3
<\SELECT>
Какой браузер вы наиболее часто используете?
Internet Explorer
Текстовая область (с линейкой прокрутки) — ввод
обширного текста.
<TEXTAREA>
<TEXTAREA NAME=“имя” ROWS=… COLS=… >
<\TEXTAREA>
Какую еще информацию вы хотели бы видеть на сайте?
<INPUT TYPE=“submit” VALUE=“Зарегистрироваться” >
<INPUT TYPE=“reset” VALUE=“Очистить” >