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

<html> <head> <title>ЭВМ – электронно-вычислительная машина</title> <style type ="text/css">.rt {text-align:right;}. jtf {text-align:justify;} </style> </head> <body><p class="jtf">Появление персональных компьютеров в начале семидесятых годов (параллельно с постепенной эволюцией крупных ЭВМ) сейчас расценивают как революционный переворот. Масштабы его влияния на человеческое общество сравнивают с последствиями от изобретения книгопечатания.</p><p class="rt">В мире уже сейчас имеются миллионы и миллиарды ЭВМ. <br/>Их число продолжает неуклонно расти!</p></body> <html>

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


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


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: