из электронной библиотеки / 417603847337887.pdf
.pdfПрактическая работа № 3. Создание и форматирование таблиц
Цель работы:
Научиться использовать таблицы для оформления WEB-страниц
1.Создать таблицу по приведенному образцу, сохранить документ под именем tabl_name.htm. Сверху над таблицей разместить заголовок Таблица №1
При отображении таблицы в браузере должны удовлетворяться следующие условия:
-таблица должна быть выравнена по центру и быть правильной (симметричной) формы;
-в центральной ячейке поместить символ * (звездочка), остальные ячейки должны быть пустыми.
Примечание. Для отображения пустых ячеек в них нужно поместить символьный примитив пробела
2.В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее:
В центральной ячейке разместить рисунок Arrows3.wmf
«Раскрасить» все остальные ячейки в различные цвета.
3.Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу.
Примечание. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan=
4.Создать новый HTML-документ - rasp_name.htm с расписанием занятий.
Документ должен начинаться заголовком
Расписание занятий гр. NNN на весенний семестр 20__г.
Первая строка таблицы должна быть оформлена как заголовки полей (с использованием тегов <TH>).
Таблица по ширине должна занимать полный размер окна. Ширину отдельных столбцов задать в относительных единицах (в %), с тем, чтобы при изменении ширины окна пропорции таблицы сохранялись.
|
|
|
|
|
|
|
|
|
День недели |
|
Время |
|
Предмет |
|
Преподаватель |
|
Аудитория |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
8:30-10:05 |
|
Математика (лек) |
|
доц. Иванов А.А. |
|
320 |
Понедельник |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
10:15-11:50 |
|
Математика (пр) |
|
преп. Петрова И.А. |
|
302 |
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12:30-14:05 |
|
Физика (лаб) |
|
|
|
|
|
|
|
|
|
|
|
|
8:30-10:05 |
|
История (лек) |
|
|
|
|
|
|
|
|
|
|
Вторник |
|
10:15-11:50 |
|
История (сем) |
|
|
|
|
|
|
|
|
|
|
|
|
12:30-14:05 |
|
Физика (лаб) |
|
|
|
|
|
|
|
|
||
... |
|
... |
|
... |
|
|
|
|
|
доц. Сидоров О.И. |
|
307 |
|
|
|
|
|
|
проф. Громова О.А. |
|
310 |
|
|
|
|
|
|
преп. Попов М.А. |
|
302 |
|
|
|
|
|
|
доц. Сидоров О.И. |
|
307 |
|
|
|
|
|
|
... |
|
... |
|
|
|
Просмотреть созданный документ в браузере при различных размерах окна и различных настройках размера шрифта.
5.Сохранить файл с расписанием под именем rasp_menu_name.htm и модифицировать
его.
6.После заголовка создать таблицу, состоящую их одной строки меню с названиями дней недели.
7.В таблице с расписанием установить закладки на названия дней недели.
8.В таблице меню создать гиперссылки на соответствующие дни недели.
9.Выполнить цветовое оформление каждой ячейки меню.
10.Проверить правильность выполнения переходов по гиперссылкам.
11.Создать группу web-страниц, объединенных меню:
На рабочем диске создать папку My_raspisanie для размещения файлов расписания.
Поместить расписание на каждый день недели и таблицу с меню в отдельные файлы. Имена файлов: menu.htm – для главной страницы, названия дней недели – для остальных. Все документы разместить в папке My_raspisanie.
Отредактировать гиперссылки меню так, чтобы по ним выполнялись переходы на соответствующий документ.
В конце каждого файла с расписанием на день организовать гиперссылку для возврата в главный документ с меню.
Оформить фон каждого дня недели собственным цветом, совпадающим с цветом ячейки таблицы меню.
12.Предъявить результат преподавателю.
Теги оформления таблиц
Определить таблицу |
<TABLE></TABLE> |
Пример |
|
|
|
Окантовка таблицы |
<TABLE BORDER =”?” </TABLE> |
|
<TABLE border=”1” |
|
||
|
align =«CENTER» |
|
||||
|
|
|
|
|||
|
|
|
width=«50%» > |
|
|
|
Строка таблицы |
<TR> </TR> |
|
|
|
||
|
|
|
|
|
||
|
|
|
<TR> |
|
|
|
Выравнивание |
<TR ALIGN=left | right | center | middle | |
|
|
|
||
|
<TH >Товар</TH> |
|
||||
|
bottom > |
|
|
|||
|
|
|
|
|
|
|
|
|
|
<TH>Цена</TH> |
|
||
Ячейка таблицы |
<TD></TD> |
|
|
|||
|
|
|
|
|
||
|
|
|
</TR> |
|
|
|
Выравнивание по |
<TD ALIGN=LEFT | RIGHT | |
|
<TR> |
|
|
|
горизонтали |
CENTER> |
|
|
|
||
|
|
|
|
|
||
|
|
|
<TD>Радиотелефон</ |
|
||
|
|
|
|
|||
Выравнивание по |
<TD VALIGN = TOP|MIDDLE| |
|
TD> |
|
|
|
вертикали |
BOTTOM> |
|
<TD>2000 </TD> |
|
||
|
|
|
|
|||
|
|
|
|
|
|
|
Установка ширины |
<TD WIDTH=«?»> |
|
</TR> |
|
|
|
ячейки (в пикселях |
|
|
|
|
|
|
или %) |
|
|
</TABLE> |
|
|
|
|
|
|
|
|
|
|
|
|
|
Товар |
|
Цена |
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
Радиотелефон |
|
2000 |
|
|
|
|
|
|
|
|
Заливка цветом |
<TD BGCOLOR = «# цвет»> </TD> |
|
<TD BGCOLOR = |
|
||
ячейки |
|
|
«#FF0000»> </TD> |
|
||
|
|
|
красный цвет |
|
|
|
|
|
|
|
|
|
|
Заголовок столбца |
<TH>текст </TH> |
|
Текст в ячейке |
|
|
|
или строки |
|
|
выравнивается по |
|
||
|
|
|
центру, |
|
|
|
|
|
|
устанавливается |
|
||
|
|
|
жирный шрифт |
|
|
|
|
|
|
|
|
|
|
Практическая работа №4. Знакомство с каскадными таблицами стилей CSS.
CSS (Cascading Style Sheets - каскадные таблицы стилей) - это набор свойств для элементов HTML. Используя стили достаточно один раз создав файл стилей и формируя web-страницы c учетом работы со стилями можно придать гибкость сайту в плане настройки стиля, цветовых решений. Для изменения каких-либо дизайнерских решений в плане цветового оформления, размера шрифтов и т.д. в комплексе по всему сайту достаточно исправить свойство какого-либо элемента HTML в файле стилей.
Кроме создания отдельного файла стилей можно устанавливать стили непосредственно внутри web-страниц, причем эти стили будут иметь приоритет перед стилями, описанными в файле стилей.
Для подключения стилей к HTML-документу примененяется элемент style , который позволяет определить стиль отображения для стандартных элементов HTMLразметки, например:
|
Код |
|
Вывод на экран |
|
|
|
|
|
<head> |
|
|
|
<style> |
|
|
|
p{color:green; font-size:14pt} |
|
|
|
</style> |
|
Это простой текст |
|
|
||
|
</head> |
|
|
|
|
|
|
|
<body> |
|
Это текст абзаца с ранее |
|
Это простой текст |
|
|
|
|
установленными параметрами |
|
|
<p> |
|
|
|
|
цвета и размера шрифта. |
|
|
Это текст абзаца с ранее |
|
|
|
|
|
|
|
установленными параметрами |
|
|
|
|
Это опять простой текст |
|
|
цвета и размера шрифта. |
|
|
|
|
|
|
|
</p> |
|
|
|
Это опять простой текст |
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
Для подключения внешнего файла стилей в заголовке HTML документа включается ссылка на внешний файл, например:
|
HTML документ (.htm) |
|
Внешний файл стилей (my-style.css) |
|
|
||
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
<link rel="stylesheet" type="text/css" href="my- |
|
p{color:green; font-size:14pt} |
|
style.css"> |
|
|
|
|
b{color:red} |
|
|
</head> |
|
|
|
|
и т.д. |
|
|
<body> |
|
|
|
|
|
|
|
... |
|
#FB8303">/* Комментарии записываются |
|
текст HTML документа |
|
|
|
|
так. */ |
|
|
... |
|
|
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
Для переопределения стиля в определенном месте документа можно применить атрибут STYLE у конкретного элемента разметки, например:
|
|
Код |
|
|
Вывод на экран |
|
|
||
|
|
|
|
|
|
|
|
||
<head> |
|
|
Это |
|
простой |
|
текст |
||
<style> |
|
|
|
|
|
|
|
|
|
p{color:green; |
font-size:14pt} |
Это текст абзаца с ранее |
|||||||
</style> |
|
|
установленными |
параметрами |
|||||
</head> |
|
|
цвета |
и |
размера |
шрифта. |
|||
<body> |
|
|
|
|
|
|
|
|
|
Это |
простой |
текст |
Это |
опять |
простой |
|
текст |
||
<p> |
|
|
|
|
|
|
|
|
|
Это |
текст |
абзаца |
с ранее |
Это |
текст |
абзаца |
с |
||
|
|
|
|
|
|
|
|
|
|
|
установленными |
параметрами |
|
переустановленными |
||||
|
цвета |
и |
размера |
шрифта. |
|
параметрами цвета. |
||
|
</p> |
|
|
|
|
|
|
|
|
Это |
опять |
|
простой |
|
текст |
|
|
|
<p |
|
|
style="color:red"> |
|
|
||
|
Это |
текст |
абзаца |
с |
|
|
||
|
переустановленными |
|
|
|
|
|||
|
параметрами |
|
|
|
цвета. |
|
|
|
|
</p> |
|
|
|
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Синтаксис стиля CSS имеет следующую структуру: Селектор {свойство:значение [; свойство:значение [...]]}
например: p{color:green; font-size:14pt}
Если нужно определить стиль не для всех элементов на станице (в данном примере не для всех абзацев), можно определить несколько вариантов стиля:
p.red{color:red}
p.blue{color:blue}
Если нам нужно определить один стиль для различных элементов, можно описать класс следующим образом:
.red{color:red}
|
Код |
|
|
Отображение на экране |
|
<head> |
|
|
|
|
<style> |
|
|
|
|
p.green{color:green} |
|
|
|
|
p.blue{color:blue} |
|
|
|
|
.red{color:red} |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
Абзац 1 |
|
<p |
class="green"> |
|
|
|
Абзац |
1 |
|
Абзац 2 |
|
</p> |
|
|
|
|
<p |
class="blue"> |
|
1. Первая строка списка |
|
Абзац |
2 |
|
2. Вторая строка списка |
|
</p> |
|
|
|
|
<ol> |
|
|
|
|
<li> Первая строка списка |
|
|
|
|
<li class="red"> Вторая строка |
|
|
|
|
списка |
|
|
|
|
</ol> |
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
Практическая работа №5.
CSS – свойства шрифта
С помощью CSS можно определить гарнитуру, стиль начертания и размер шрифта:
font-family (Гарнитура шрифта) p {font-family: monospace}
Наиболее распространненые гарнитуры в российской части Web - это Times, Arial, Courier. Причем все они принадлежат к разным группам шрифтов. Times - это пропорциональный шрифт "с засечками" (serif), Arial - это пропорциональный шрифт "без засечек" (sans-serif), а Courier - это моноширинный шрифт (monospace). В Unix вместо Arial чаще применяется Helvetica.
При определении гарнитуры шрифта лучше всего использовать именно группы шрифтов (serif, sans-serif и monospace), хотя можно использовать и наименования самих шрифтов (например: font-family: Times New Roman, Courier New), но в этом случае нет уверенности что у посетителя сайта установлен такой шрифт и он вместо текста не увидит какую-нибудь абракадабру.
|
Код |
|
|
|
|
|
Вывод на экран |
|
|
|
|
|
|
<p |
style="font-family:serif"> |
|
|
|
|
|
|
||||
|
Пропорциональный |
шрифт |
|
с |
|
Пропорциональный |
шрифт |
|
с |
|
||
|
засечками. |
|
|
|
|
засечками. |
|
|
|
|
||
|
</p> |
|
|
|
|
|
|
|
|
|
|
|
|
<p |
style="font-family:sans-serif"> |
|
Пропорциональный |
шрифт |
без |
|
|||||
|
|
|
||||||||||
|
Пропорциональный шрифт без засечек. |
|
|
|||||||||
|
|
засечек. |
|
|
|
|
||||||
|
</p> |
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
||
|
<p |
style="font-family:monospace"> |
|
|
|
|
|
|
||||
|
Моноширинный |
шрифт. |
|
Моноширинный шрифт. |
|
|
|
|||||
|
</p> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
font-style (Начертание шрифта) |
|
|
|
|
|
|
|
|
|
|||
p {font-style: italic} |
|
|
|
|
|
|
|
|
|
|||
|
|
Описание |
|
|
Значение |
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|||
|
|
Обычный шрифт |
|
|
normal |
|
|
|
|
|||
|
|
Курсивный шрифт |
|
|
italic |
|
|
|
|
|||
|
|
Косой шрифт |
|
|
oblique |
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
||
font-variant (Регистр шрифта) |
|
|
|
|
|
|
|
|
|
|||
p {font-variant: small-caps} |
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|||
|
|
Описание |
|
|
Значение |
|
|
|
|
|||
|
|
Нормальный шрифт |
|
|
normal |
|
|
|
|
|||
|
|
Малые прописные буквы |
|
small-caps |
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
font-weight (Толщина шрифта) |
|
|
|
|
|
|
|
|
|
|||
p {font-weight: bolder} |
|
|
|
|
|
|
|
|
|
|||
|
|
Описание |
|
|
Значение |
|
|
|
|
|||
|
|
|
|
|
|
|
|
|||||
|
|
Нормальная жирность |
|
|
normal |
|
|
|
|
|||
|
|
Светлее |
|
|
lighter |
|
|
|
|
|||
|
|
Полужирный |
|
|
bold |
|
|
|
|
|||
|
|
Жирнее |
|
|
bolder |
|
|
|
|
|||
|
|
100 |
- |
светлый |
|
100-900 |
|
|
|
|
||
|
|
400 |
- |
нормальный |
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
700 |
- |
полужирный |
|
|
|
|
900 - жирный |
|
|
|
|
|
|
|
|
|
|
|
|
font-size (Размер шрифта) |
|
|
|
|
||
p {font-size: 12pt} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Описание |
|
|
|
Значение |
|
|
Нормальный размер |
|
|
normal |
|
|
|
Пункты |
|
|
|
pt |
|
|
Пикселы |
|
|
|
px |
|
|
Проценты |
|
|
|
% |
|
|
|
|
|
|
|
|
Свойство font-size может принимать также значения, устанавливающие относительные размеры шрифта (относительно установленного по умолчанию) с шагом в 1,2 раза от предыдущего:
xx-small
x-small
smaller
small
medium
- размер по умолчанию
large
larger
x-large
xx-large
Свойства текста - выравнивание, межстрочный интервал и т.д.:
|
Свойство |
|
Значение |
|
Описание |
|
|
Пример |
|
|
|
|
|
normal |
|
По умолчанию |
|
|
line_height:normal |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
line-height |
|
коэффициент |
|
Произведение |
коэффициента |
line_height:1.4 |
|
||
|
|
|
|
|||||||
|
|
|
|
|||||||
|
|
|
на размер шрифта |
|
|
|
||||
|
Межстрочный |
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Значение |
в |
указанных |
|
|
||
|
интервал |
|
точно |
|
line_height:10px |
|
||||
|
|
|
|
|||||||
|
|
|
единицах |
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
% |
|
Процент от размера шрифта |
line_height:110% |
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
none |
|
Оформление |
отсутствует |
(по |
|
|
|
|
|
|
|
умолчанию) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
text-decoration |
|
|
|
|
|
|
|
|
|
|
|
underline |
|
Подчеркивание |
|
|
|
|
||
|
|
|
|
|
text- |
|
||||
|
Оформление |
|
|
|
|
|
|
|
|
|
|
|
overline |
|
Черта над текстом |
|
|
decoration:none |
|
||
|
текста |
|
|
|
|
|
||||
|
|
|
line-through |
|
Перечеркивание |
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|||
|
|
|
blink |
|
Мигание текста |
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
none |
|
Регистр не переключается (по |
|
|
|||
|
|
|
|
умолчанию) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
text-transform |
|
capitalize |
|
Начальные |
буквы |
слов |
text- |
|
|
|
|
|
|
|||||||
|
Регистр текста |
|
|
преобразуются в заглавные |
transform:none |
|
||||
|
|
|
|
|
||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
uppercase |
|
Все прописные |
|
|
|
|
|
|
|
|
lowercase |
|
Все строчные |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
left |
|
|
Выравнивание влево |
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
text-align |
|
|
|
|
|
|
|
|
|
|
|
|
|
right |
|
|
Выравнивание вправо |
|
|
|
||
|
Оформление |
|
|
|
|
text-align:left |
|
||||
|
|
|
|
|
|
|
|
|
|||
|
|
center |
|
|
Выравнивание по центру |
|
|
||||
|
текста |
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
justify |
|
|
Выравнивание по ширине |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
letter-spacing |
|
Значение |
в |
|
Для сжатия можно применять |
|
|
|||
|
|
|
|
|
|||||||
|
Расстояние |
|
указанных |
|
|
letter-spacing:5px |
|
||||
|
|
|
|
отрицательные значения |
|
|
|||||
|
между буквами |
|
единицах |
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
word-spacing |
|
Значение |
в |
|
|
|
|
|
|
|
|
Интервал |
между |
|
указанных |
|
|
Точно |
|
|
word-spacing:5px |
|
|
словами |
|
|
единицах |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Лишние |
пробелы |
|
|
|
|
|
|
|
normal |
|
|
игнорируются, |
строки |
|
|
|
|
|
|
|
|
|
|
переносятся автоматически |
|
|
|
|
|
white-space |
|
|
|
|
|
white- |
|
|||
|
|
|
|
|
|
|
|
|
|||
|
Работа |
с |
|
pre |
|
|
Все пробелы учитываются |
|
|
||
|
|
|
|
|
space:nowrap |
|
|||||
|
пробелами |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Лишние |
пробелы |
|
|
||
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
nowrap |
|
|
игнорируются, |
строки |
не |
|
|
|
|
|
|
|
|
|
переносятся |
|
|
|
|
|
text-intend |
|
|
Значение |
в |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
указанных |
|
|
Точно |
|
|
text-intend:20px |
|
|
|
отступ |
первой |
|
|
|
|
|
|
|||
|
|
единицах |
|
|
|
|
|
|
|
||
|
строки |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
% |
|
|
Процент от ширины блока |
|
text-intend:10% |
|
||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
С помощью CSS для блочных элементов можно создавать границу вокруг различных элементов, отступы и поля.
Принцип расположения блочных элементов:
-Поле окружающее блок ( margin )
-Граница блока ( border )
-Отступ внутри блока ( padding )
|
Свойство |
|
Значение |
|
Описание |
Пример |
|
|
|
|
|
|
|
|
|
|
|
|
padding-top |
|
|
|
|
сверху |
|
|
|
padding- |
Отступы |
от |
границы |
|
справа |
|
|
|
|
|
|
|||||
|
right |
|
|
|
||||
|
|
|
|
|
||||
|
|
элемента до его содержимого |
|
|
|
|
||
|
padding- |
|
|
table{padding:10px} |
|
|||
|
в единицах |
длины или |
|
снизу |
|
|||
|
bottom |
|
|
|
||||
|
процентах |
|
|
|
|
|
||
|
|
|
|
|
|
|
||
|
padding-left |
|
|
|
|
слева |
|
|
|
|
|
|
|
|
|
|
|
|
padding |
|
|
|
|
со всех сторон |
|
|
|
|
|
|
|
|
|
|
|
|
margin-top |
|
|
|
|
сверху |
|
|
|
|
|
|
|
|
|
|
|
|
margin-right |
|
|
|
|
справа |
|
|
|
margin- |
Размеры |
полей |
в единицах |
|
снизу |
p{margin-left:20px; |
|
|
|
|
||||||
|
bottom |
длины или процентах |
|
margin-right:10px} |
|
|||
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
margin-left |
|
|
|
|
слева |
|
|
|
|
|
|
|
|
|
|
|
|
margin |
|
|
|
|
со всех сторон |
|
|
|
border-top- |
Ширина |
рамки |
в единицах |
|
сверху |
p{border-top-width:7px} |
|
|
|
|
|
|
|
|
|
|
|
width |
длины |
или |
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
thin |
(тонкая), |
|
|
|
|
|
|
|
|
border-right- |
|
справа |
|
|
|
|
||
|
medium |
(средняя), |
|
|
|
|
|
||
|
|
|
|
|
|||||
|
width |
|
|
|
|
|
|||
|
thick (толстая) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
border- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
bottom- |
|
|
|
снизу |
|
|
|
|
|
width |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-left- |
|
|
|
слева |
|
|
|
|
|
|
|
|
|
|
|
|
||
|
width |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-width |
|
|
|
со всех сторон |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-top- |
|
|
|
|
|
|
|
|
|
color |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-right- |
|
|
|
|
|
|
|
|
|
color |
|
|
|
|
|
|
|
|
|
border- |
Значение цвета |
|
|
Цвет рамки |
для |
|
p{border-color: red} |
|
|
|
|
|
|
|||||
|
bottom-color |
|
|
границ |
|
|
|
||
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
border-left- |
|
|
|
|
|
|
|
|
|
color |
|
|
|
|
|
|
|
|
|
border-color |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
transperent |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
none , dotted , dashed , solid , |
|
|
|
|
table{border- |
|
|
|
border-style |
double , groove , ridge , inset |
|
Стиль рамки |
|
|
|
||
|
|
|
|
style:double} |
|
||||
|
|
, outset |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-top |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border-right |
|
|
|
|
|
|
|
|
|
|
|
|
|
Определяют |
|
|
|
|
|
border- |
|
|
|
|
|
table{border: solid 2px |
|
|
|
Ширина, стиль, цвет |
|
толщину, стиль |
и |
|
|
|||
|
bottom |
|
|
blue} |
|
||||
|
|
|
|
цвет границ рамки |
|
|
|||
|
|
|
|
|
|
|
|
||
|
border-left |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
border |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Управление культуры Белгородской области Государственное бюджетное образовательное учреждение высшего профессионального образования
«Белгородский государственный институт искусств и культуры»
Кафедра информатики и информационно – аналитических ресурсов
КОНТРОЛЬНЫЕ ИЗМЕРИТЕЛЬНЫЕ МАТЕРИАЛЫ (КИМ) «WWW-технологии»
(итоговый тест)
Направление подготовки
071900 «Библиотечно - информационная деятельность»
Профили подготовки
Технология автоматизированных библиотечно-информационных ресурсов
Квалификация (степень) выпускника
Бакалавр
Форма обучения
Очная/Заочная
Автор-составитель асс. Черкесова К.И.
Белгород