Заголовки. Теги strong, em, span
Задание 1.
Создайте html-страницу с текстом представленным ниже. При этом для создания структуры документа используйте следующие теги разметки:
p – абзац;
h1 – заголовок 1-го уровня;
h2 – заголовок 2-го уровня.
Системы счисления Системы счисления — это способ записи чисел. Обычно, числа записываются с помощью специальных знаков (цифр), но бывают исключения. Например, в арабской системе счисления используются цифры (0, 1, 2, 3, 4, 5, 6, 7, 8, 9), а в римской — некоторые латинские прописные буквы (I, V, X, L, C, D, M). Арабская и римская системы счисления имеют еще одно существенное отличие. Арабская система счисления является позиционной, а римская — непозиционной. Сравнение позиционной и непозиционной систем счисления В позиционных системах счисления количество, обозначаемое цифрой в числе, зависит от ее позиции, а в непозиционных системах счисления "вес" цифры не зависит от ее позиции. Например: 11 – здесь первая единица обозначает десять, а вторая – 1. II – здесь обе единицы обозначают единицу. 345, 259, 521 – здесь цифра 5 в первом случае обозначает 5, во втором – 50, а в третьем – 500. XXV, XVI, VII – здесь, где бы ни стояла цифра V, она везде обозначает пять единиц. Другими словами, величина, обозначаемая знаком V, не зависит от его позиции. |
Задание 2.
|
|
Обрамите текст, выделенный жирным шрифтом на образце выше, контейнером strong, а выделенный курсивом — em. Посмотрите результат в браузере.
Задание 3.
Создайте в контейнере head следующую таблицу стилей:
<style type ="text/css"> span {font-family: Arial;} span.blue {color: #00008b;} span.red {color: #b22222;} </style>Заключите в соответствующие контейнеры span текст, выделенный красным и синим цветом на образце (при этом не забудьте указывать классы — см. предыдущее занятие). Посмотрите результат в браузере.
Задание 4.
Добавьте в код стиль для заголовков:
h1, h2 { background-color: #003399; color: white;}
Посмотрите результат.