2. Заголовки. Теги 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;
}

Посмотрите результат.

Результат практической работы

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