Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Лабораторная работа 4
по дисциплине «Web-технологии»
Тема: Каскадные таблицы стилей (CSS) – глобальные стили
Глобальные стили задаются в тэге <style>, размещённом в разделе <head>
Например (текст в тэге <h1> будет синим):
|
<head> <style> h1 {color: blue;} </style> <title> Пример </title> </head> |
Задание 1
Создайте следующую страницу, не используя стилей. Используйте только тэги.
Теперь добавьте в раздел <head> следующий код:
|
<style> li {color: blue; font-style: italic} b {text-decoration: underline; color: red} body {background-color: gray; color: green} </style> |
Вы применили глобальные стили ко всем тэгам <li>, <b> в документе и к тэгу <body> (он в документе всегда один)
Задание 2
Разработайте web-страницу, без использования стилей
Теперь добавьте глобальные стили (тэг <style> в разделе <head>), чтобы страница приобрела следующий вид:
То есть нужно определить стили для тэгов <b>, <i>
Задание 3
Разработайте web-страницу «1.htm», как указано на рисунке (используйте тэги <b>, <i>, <u>, <h1>; фон страницы и оформление заголовка задайте с помощью стилей):
Заголовок оформите тэгом <h1> и заключите в тэг < marquee>
Размер шрифта в документе установите 150% от нормального
Всё оформление выполните с помощью стилей
Не использовать тэги <p> и <br>! Вместо них используйте тэг <div>
Задание 4
Создайте ещё несколько страниц с определениями свойств алгоритма. Термин выделяется тэгом <u>.Оформление задаётся стилями.
Создайте гиперссылки со страницы «1.htm», созданной в первом задании, на страницы, созданные во втором задании
Страница «1.htm» должна выглядеть так:
Проверьте работоспособность гиперссылок
В файл «1.htm» , добавьте стиль оформления для тэга <a>:
|
a {font-style: italic; background-color: #55ff55} |