Самостоятельная

Здесь отдельно представлены задачи из учебных курсов для самостоятельного решения. Как правило, такие задачи можно решать разными методами, для одного приводится решение и даётся ответ.

Погода

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Примеры использования float 1

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Примеры использования float 2

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Размеры блока

Создайте веб-страницу, как показано на рис. 1. Ширина и высота блока заданы в пикселях.

Рис. 1

Рамка

Создайте блок с рамкой, как показано на рис. 1. В браузере IE вид может отличаться.

Рис. 1

Рамка вокруг текста

Придумайте три способа создания рамки, показанной на рис. 1.

Рис. 1

Рамка таблицы

Создайте таблицу, как показано на рис. 1.

Рис. 1

Семь чудес света

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Строчно-блочные элементы

Создайте веб-страницу, показанную на рис. 1, используя inline-block.

Рис. 1

Строчно-блочные элементы 2

Создайте веб-страницу, показанную на рис. 1, используя inline-block.

Рис. 1