В отчет по практике вставить условие задания, скриншот результата в браузере и код страницы
Предпринимателю необходимо сделать сайт организации. Решив сэкономить, он заказал пробную страницу для сайта, первокурснику. Код страницы представлен ниже.
<html>
<head></head>
<title>Изменение стилей, имени и размера шрифтов, цвета
<body style="background:#CCCCFF"></title>
</p><h1>Заголовок первого уровня</h1>
<p>Параграф.</p>
<h2 title="Заголовок второго уровня>Заголовок второго уровня
<p>Параграф.</p><p>Параграф.</p>
<p><bЖирный шрифт.</b> <i>Курсив.</i></p>
<p><b><i>Жирный курсив.</i></b></p>
<p><em>H<sub>2</sub>S<sub>O4</sub></em> - формула серной кислоты написанная курсивом.</p>
<p style="text-decoration:underline">Подчеркнутый параграф текста.</p>
<p>Обычный текст, <strong style="text-decoration:line-through">зачеркнутый жирный.</strong></p>
<p style"font-family:Arial, Verdana, sans-serif">
<p>Это шрифт Arial, если его нет, то Verdana, а если и его нет, то любой другой из sans-serif. </p>
<p style="font-family:'Comic Sans MS', cursive"> Это Comic Sans MS или любой cursive. </p>
<p>Это опять Arial, Verdana или любой sans-serif. <span style="font-family:Courier, monospace"> А это Courier или любой monospace.> </p>
<h5>Заголовок.</h5>
<p style="background:#CCFFCC">Параграф.</p>
<p style="font-size:90%">
<p>Этот размер шрифта составляет 90% от размера в браузере по умолчанию. </p>
<p style="font-size:90%"> Этот размер составляет 90% уже от размера в теге BODY. </p>
|
|
<h5 style="font-size:120%"> Размер шрифта заголовка составляет 120% от размера в BODY. </h5>
<b style="background:#FFFFCC">Жирный текст.</b>
<span style="background:#FF00CC">Обычный текст.</span>
<p>Это опять 90% от размера в браузере по умолчанию.
<span style="font-size:15pt"> Размер этого шрифта 15 пунктов. </span> </p>
</html>
Выяснить, будет ли соответствовать получившаяся страница, странице которую хотел увидеть предприниматель (рис.1)
Рис.1 Оригинальная страница
УП.01 ПМ.01 часть 2
Учебная практика по профессиональному модулю «Обработка отраслевой информации» часть 2
ЗАДАНИЕ 1.1. В этом задании вам надо будет создать страницу, имитирующую небольшую статью, текст – произвольный.
1. Создайте HTML-документ.
2. При помощи заголовков <H1>, <H2> и <H3> создайте название статьи, двух ее разделов и трех подразделов во втором разделе, но заголовки разделов еще и подчеркните.
3. Сделайте так, чтобы при наведении курсора мыши на заголовок статьи выводилась соответствующая надпись.
4. Напишите один параграф в начале статьи и по два в каждом разделе/подразделе.
5. Установите для всей страницы шрифт Arial с размером 90% от размера в браузере по умолчанию.
|
|
6. Установите для всех заголовков шрифт Times и пусть заголовок статьи будет с размером шрифта в 150%, а подзаголовки — 120%.
7. Выделите в первом параграфе два слова жирным шрифтом и одно курсивом. Во втором — фразу из нескольких слов жирным курсивом. В третьем — подчеркните фразу выделенную курсивом. В четвертом — зачеркните половину фразы выделенной жирным.
8. Напишите в последнем параграфе формулу спирта: C2H5OH.
9. Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков — #CC3366.
10. Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
11. Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).
В отчет по практике вставить условие задания, скриншот результата в браузере и код страницы
Дата добавления: 2023-01-08; просмотров: 17; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!