1. Запустите текстовый редактор Блокнот. Создайте HTML файл, содержащий в заголовке окна наименование темы лабораторной работы. Задайте файлу имя 2.htm.
2. Создайте стиль для тега <BODY>. Задайте цвет фона – темно синий.
3. Введите абзац текста. Измените цвет и размер букв в веденном абзаце, используя тег <FONT>.
4. Создайте стиль для тега <P> с именем Paragraph1. Задав цвет и размер букв, стиль шрифта.
5. Введите еще один абзац текста. Примените к нему созданный вами стиль Paragraph.
6. Установите синий цвет для трех типов заголовков, используя возможность присвоения свойства нескольким тегам.
7. Наберите строку текста, задав размер шрифта 250 пикселей, цвет букв - белый.
8. Наберите строку текста, задав размер шрифта 65 пикселей, цвет букв – красный. Отобразите текст этой строки таким образом, чтобы он накладывался на текст первой строки, а не располагался ниже.
9. Создайте стиль:
.second {color: #FF00FF}
10. Примените созданный в пункте 9 стиль к двум заголовкам:
<H3 class= second> Стильный заголовок </H3>
<H3> Простой заголовок </H3>
Проанализируете, какой вид имеет текст заголовков.
11. Создайте CSS – файл для хранения таблицы стилей. Перенесите все стили в этот файл. Подключите этот файл к вашей странице используя тег <LINK>. Примените созданные вами стили на странице.
Контрольные вопросы
1. Какими способами можно изменить размер шрифта? Перечислите эти способы.
2. Назначение раздела <STYLE>?
3. Назначение тега <FONT>?
4. Перечислите атрибуты и их назначение для тега <FONT>.
5. Как задать одинаковые свойства сразу нескольким тегам?
6. Назначение символов “{“, ”}”?
7. Для какого тега и какие параметры заданы в примере: H3 {color : #000000; font-size: 14 px; font-family : Arial}.
8. Назначение тега <DIV>.