Изображения

Прозрачность: для примера возьмем картинку круглого мяча и поместим ее на JPEG-картинку. Так как любая картинка в JPEG – квадратной формы, то края мяча, будуn закрашены каким-то цветом, чтобы иметь в результате квадратную картинку. В JPEG формате можно заливку эту сделать одинакового цвета с фоном, однако при смене фона – заливка опять будет видна.

Как правило JPEG используется как фон либо когда отображаем квадратную картинку.

GIF используется для создания анимаций.

Во всех остальных случаях. Например, как фон мы не будем использовать PNG – много весит.

Пример вывода картинки:

7. Списки

Список характеризуется нумерацией: квадратики, круги, цифры. Создается при помощи парного тега: <ul> </ul> (unorganized list, кружочки) или <ol> </ol> (order list, нумерация цифрами). Внутри списка, для создания его пунктов тоже используется парный тег <li> </li> (list item).

Пример:

Форма

Форма – пространство, куда можно что-либо написать, в результате чего сервер получает информацию от пользователя. Например, пользователь заполняет логин и пароль при авторизации и отправляет данные.

В значении атрибута action укзывается тот файл, который будет обрабатывать данную форму.

Атрибут enctype =”multypart/form-data” необходим для того, чтобы загружать файлы.

 

Пример с использованием основных элементов формы:

Radiobutton (“ radio ”) дает возможность выбрать один из пунктов, обязательно нужно написать одинаковое имя (“name”) для соответствующих кнопок.

Разница между value и name в том, что:

· value используется когда на элементе уже присутствует некая надпись.

· name – когда нету никакой надписи.

Пример:

<input type = "text" value = "http://" />

Парный тег <label>приобщает всю зону вокруг элемента к определенной. Например, на следующие картинке нажав на любую область в красном квадрате – указатель все равно окажется в области для ввода текста:

Задается следующим образом:

Пример. У нас есть форма с элементом text и отдельно где-то есть надпись. Нужно связать надпись и текст, для этого нужно использовать метки id и for, у которых будут одинаковые названия; id пишется внутри тега text, а for – внутри тега с текстом: