Задание

Разработать несколько html-страниц, на которых реализовать следующее:

1 Создать две области в навигационной карте - они должны ссылаться на любые страницы. Пусть одна из них будет круглой.

2. Сделайте таблицу. Добавьте заголовок к таблице (<caption> сразу после тега <table>), установите для заголовка (создав правило CSS) полужирное начертание и отступ снизу.

3. Примените к первым трём столбцам таблицы серый фон, а к последним - ширину 150 пикселей.

4. Сделайте в таблице объединения, как на рис. 2.1.

Рис. 2.1

5. Таблица стилей должна содержать следующие правила:

5.1 Отображать абзац (теги <p> и </p>) шрифтом Times New Roman, или, если такой шрифт недоступен, каким-либо другим шрифтом с засечками (serif).

5.2 Отображать текст заголовка второго уровня (теги <h2> и </h2>) красным цветом на белом фоне с увеличенным на 10 процентов кеглем по сравнению со шрифтом основного текста страницы.

5.3 Определить стиль hover для элементов a, который при просмотре в браузере убирает подчеркивание гиперссылок при наведении на них курсора.

5.4 Отобразить элементы текста, атрибут class которых содержит слово note (теги <p class="note"> и </p>) полужирным шрифтом красного цвета на желтом фоне.

6. Создайте блок с рамкой размером 200х200 пикселей. Поместите в этот блок изображение заведомо большего размера. Поэкспериментируйте со свойством overflow так, что в том случае, если в блок не вмещается содержимое, появлялись полосы прокрутки (или только одна).

7. С помощью таблицы стилей:

7.1 Для неупорядоченного списка задайте тип маркера, отступ от левого поля.

7.2 Установите нумерацию упорядоченных списков большими римскими цифрами, а вложенных списков - римскими цифрами нижнего регистра:

I. Элемент списка 1

II. Элемент списка 2

i. Элемент списка 2a

ii. Элемент списка 2b

III. Элемент списка 3

7.3 Задать свойства для вывода элементов неупорядоченного списка цветом, отличным от цвета вывода упорядоченного списка.