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

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

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

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

Рис. 1

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

Есть следующий код HTML.

<ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="results.html">Results</a></li>
  <li><a href="news.html">News</a></li>
  <li><a href="players.html">Players</a></li>
  <li><a href="table.html">Table</a></li>
</ul>

Не внося изменений в HTML, оформите список, как показано на рис. 1. При наведении ссылки должны подчёркиваться.

Рис. 1

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

Создайте веб-страницу, показанную на рис. 1. Для формирования меток используйте список <ul>.

Рис. 1

Фиксированное позиционирование

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

Рис. 1

Фиксированное позиционирование 2

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

Рис. 1

Форма регистрации

Создайте форму, показанную на рис. 1. Ширина формы и полей ввода меняется вместе с шириной окна браузера.

Рис. 1