Лабораторная работа 4по дисциплине Webтехнологии Тема- Каскадные таблицы стилей CSS ~ глобальные стили
Работа добавлена на сайт samzan.net:
Лабораторная работа 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} |
2. тема принципов оперативнорозыскной деятельности
3. МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ К ПрАКТИЧЕСКОМУ ЗАНЯТИЮ ДЛЯ СТУДЕНТОВ Тема 2
4. .1. Штраф 4 1
5. Проектирование и технология радиоаппаратуры ПРОЕКТИРОВАНИЕ ПЕЧАТНЫХ ПЛАТ В P
6. Право иностранцев на промышленную собственность в России
7. Смысловое поле метода обучения в отечественной педагогике
8. Лекция 4 Анализ статистической информации о надежности изделия
9. Let`s tlk bout your fmily Why is fmily importnt for you 2
10. Предприятия и порядок их создания
11. Реферат- Маркетинговое исследование
12. Отряд китообразные
13. Элемент конструкции аппаратуры в виде панели с размещенными на ней электронными компонентами и электриче
14. Жаростойкие и жаропрочные никелевые сплавы, применяемые в авиационных двигателях, и их термическая обработка.html
15. Flotsam And Jetsam
16. Живут на свете муж и жена молодая пара.
17. варіантом відповіді на кожне запитання
18. Рекомбинантные белки Плазмиды
19. Дифракция на щели
20. ЛОККиИ Н