Найти в Дзене
<!Веселый HTML>

Уроки HTML5: строчно-блочные элементы (Часть четвертая)

Тема про строчно-блочные элементы настолько обширная, что придется растянуть ее еще на две статьи. В этой статье рассмотрим часто используемые элементы, а "экзотические" оставим на следующую! Элементы <audio> и <video> появились в новой спецификации языка, а их названия говорят сами за себя. Они предназначены для вставки контента. Внутри этих элементов необходимо расположить <source> (источник контента) и указать внутри путь к аудио- или видео-файлу. Желательно также указывать формат (атрибут type). <textarea> позволяет пользователю вводить на сайте сколько угодно текста и отправлять на сервер. У <input> такая возможность ограничена, а <textarea> обладает настраиваемым количеством строк (cols) и столбцов (rows). Можно управлять прокруткой содержимого. <select> дает возможность выбрать одну или несколько опций. Напоминает раскрывающееся меню. С помощью элемента <option> можно добавить сколько угодно опций списку, а атрибут multiple позволит выбрать сразу несколько пунктов.

Тема про строчно-блочные элементы настолько обширная, что придется растянуть ее еще на две статьи. В этой статье рассмотрим часто используемые элементы, а "экзотические" оставим на следующую!

Уроки HTML5
Уроки HTML5

Элементы <audio> и <video> появились в новой спецификации языка, а их названия говорят сами за себя. Они предназначены для вставки контента. Внутри этих элементов необходимо расположить <source> (источник контента) и указать внутри путь к аудио- или видео-файлу. Желательно также указывать формат (атрибут type).

<textarea> позволяет пользователю вводить на сайте сколько угодно текста и отправлять на сервер. У <input> такая возможность ограничена, а <textarea> обладает настраиваемым количеством строк (cols) и столбцов (rows). Можно управлять прокруткой содержимого.

<select> дает возможность выбрать одну или несколько опций. Напоминает раскрывающееся меню.

Самая логичная иллюстрация select. На страшные заклинания сверху не обращайте внимания — потом объясню в курсе PHP)
Самая логичная иллюстрация select. На страшные заклинания сверху не обращайте внимания — потом объясню в курсе PHP)

С помощью элемента <option> можно добавить сколько угодно опций списку, а атрибут multiple позволит выбрать сразу несколько пунктов.