Пример 121

< html>

< body>

< p> Крупнейшие города различных стран (пример создания вложенных списков): < /p>

< ol>

< li> Россия

< ol>

< li> Москва< /li>

< li> Санкт-Петербург< /li>

< /ol>

< /li>

< li> США

< ol>

< li> Нью-Йорк< /li>

< li> Лос-Анджелес< /li>

< /ol>

< /li>

< /ol>

< /body>

< /html>

Помимо обычных списков Вы также можете создавать вложенные списки.

Пример 122

< html>

< body>

< p> Крупнейшие города различных стран (пример создания вложенных списков): < /p>

< ol>

< li> Россия

< ol>

< li> Москва < /li>

< li> Санкт-Петербург < /li>

< /ol>

< /li>

< li> США

< ol>

< li> Нью-Йорк < /li>

< li> Чикаго < /li>

< /ol>

< /li>

< /ol>

< /body>

< /html>

Обратите внимание: пункты упорядоченных и неупорядоченных списков помимо обычного текста могут также содержать изображения и ссылки.

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

С помощью тэга < dl> Вы можете создать список определений. Список определений состоит из списка терминов и определений к ним.

С помощью тэга < dt> Вы можете задать термин, а с помощью тэга < dd> определение к нему.

Пример 123

< html>

< body>

< dl>

< dt> Москва< /dt>

< dd> - столица России.< /dd>

< dt> Санкт-Петербург< /dt>

< dd> - культурная столица России.< /dd>

< dt> Новосибирск< /dt>

< dd> - крупнейший город Сибири.< /dd>

< /dl>

< /body>

< /html>

Сделайте сами

Задание 1 составьте свой список желаний (подробнее в редакторе):

Пример 124

< html>

< body>

< ol>

< li> Составьте свой список желаний, используя неупорядоченный список (список должен содержать по меньшей мере 10 Ваших желаний).< /li>

< li> Отсортируйте составленный список желаний, учитывая их важность для Вас, используя упорядоченный список. < /li>

< /ol>

<! -- Пишите код здесь -->

< /body>

< /html>

HTML формы

HTML формы могут содержать такие элементы ввода как:

• Текстовые поля
• Флажки
• Радио-кнопки
• Кнопки отправления и др.

Формы также могут содержать списки выбора, многострочные текстовые поля, метки и др.

Для того, чтобы создать форму в HTML используется элемент < form>.

Пример 131

< html>

< body>

< form>

< p> Введите Ваше имя: < /p>

< input type='text' />

< p> Введите пароль: < /p>

< input type='password' />

< /form>

< /body>

< /html>

Элементы ввода

Элементы ввода используются для приема пользовательских данных.

Элементы ввода сильно отличаются друг от друга в зависимости от значения атрибута type.