Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Вставка таблиц и изображений. Таблицы стилей.

Практическая работа

Вставка таблиц и изображений. Таблицы стилей.

1. Создать страницу Автомобили AUDI (index.htm), которая будет отображена в MS Internet Explorer так:

Автомобили AUDI

  рис.1 (audi) текст на главную

Примечание. Таблица содержит 1 строку, 1 столбец.

Рисунок выровнен по левому краю ячейки.

ссылка "на главную" сделана на символ "#"

2. Создать текстовый файл стилей styles.css для изменения форматирования элементов страницы. Привязать этот файл к созданной ранее странице index.htm тегом :
<link rel="stylesheet" type="text/css" href="styles.css">

Примечание. Действие можно выполнить, используя команду меню: Text – CSS Styles – Attach Style Sheet.

3. Написать в файле styles.css для оформления страницы index.htm стили:
body {background-color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:14px;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #CC6600; font-size:24px;}

a { font-family:Verdana, Arial, Helvetica, sans-serif; color: #006699; font-size:12px; text-decoration:line-through;}

.select1 { color: #FF0000; font-weight: bold; font-style: italic;}

Примечание. body, h1, a – селекторы тегов, задающие оформление всей страницы, заголовка и ссылки соответственно..select1 – селектор класса для выделения ключевых слов в тексте.

4. Выделить в тексте ключевые слова стилем.select1

Примечание. Для форматирования ключевых слов стилем необходимо выделить соответствующий текст и воспользоваться списком style в окне свойств либо заключить текст в тег
<span class="select1">…</span>

Практическая работа

Вставка таблиц и изображений. Таблицы стилей.

1. Создать страницу Автомобили AUDI (index.htm), которая будет отображена в MS Internet Explorer так:

Автомобили AUDI

  рис.1 (audi) текст на главную

Примечание. Таблица содержит 1 строку, 1 столбец.

Рисунок выровнен по левому краю ячейки.

ссылка "на главную" сделана на символ "#"

2. Создать текстовый файл стилей styles.css для изменения форматирования элементов страницы. Привязать этот файл к созданной ранее странице index.htm тегом :
<link rel="stylesheet" type="text/css" href="styles.css">

Примечание. Действие можно выполнить, используя команду меню: Text – CSS Styles – Attach Style Sheet.

3. Написать в файле styles.css для оформления страницы index.htm стили:
body {background-color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size:14px;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #CC6600; font-size:24px;}

a { font-family:Verdana, Arial, Helvetica, sans-serif; color: #006699; font-size:12px; text-decoration:line-through;}

.select1 { color: #FF0000; font-weight: bold; font-style: italic;}

Примечание. body, h1, a – селекторы тегов, задающие оформление всей страницы, заголовка и ссылки соответственно..select1 – селектор класса для выделения ключевых слов в тексте.

4. Выделить в тексте ключевые слова стилем.select1

Примечание. Для форматирования ключевых слов стилем необходимо выделить соответствующий текст и воспользоваться списком style в окне свойств либо заключить текст в тег
<span class="select1">…</span>

Поделиться:





Читайте также:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...