Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Оформление таблиц
|
|
Атрибут border тега < table> определяет ширину внешней рамки таблицы. Для задания параметров внешних и внутренних границ используются атрибуты frame и rules.
Атрибут frame тега < table> задает отображение внешней рамки и может принимать следующие значения:
box – все линии внешней рамки;
void – внешняя рамка не отображается;
hsides – только верхняя и нижняя линии рамки;
vsides – только левая и правая линии рамки;
lhs – только левая линия рамки;
rhs – только правая линия рамки.
Атрибут rules тега < table> задает отображение внутренней рамки и может принимать следующие значения:
none – все линии внутренней рамки не отображаются;
rows – отображаются только горизонтальные линии между строками;
cols – отображаются только вертикальные линии между столбцами;
all – отображаются все внутренние рамки.
Атрибут cellspacing тега < table> определяет расстояние между границами соседних ячеек.
Атрибут bordercolor тега < table> задаст цвет внешней рамки.
Атрибут bordercolor тегов < tr>, < th> и < td> задает цвет внутренних рамок/
Задание 6.2. Запишите определения основных понятий в тетрадь.
Коротко о главном
Таблица – это структурированная информация, представленная в виде столбцов и строк.
< TABLE> … < /TABLE> – создание таблицы в HTML-документе
< CAPTION> … < /CAPTION> – название таблицы
< TR> … < /TR> – строка таблицы
< TD> … < /TD> – столбец таблицы
< ТН> … < /ТН> – заголовок столбца
Задание 6.3.
Ø Создайте HTML-документ, содержащий таблицу из 2 строк и 5 столбцов. Таблица должна занимать все окно браузера. В ячейки таблицы занесите цифры от 0 до 9 и разместите их в центре ячеек.
| < HTML> < HEAD> < TITLE> Taблица< /TITLE> < /HEAD> < BODY> < TABLE border=" 4" width=" 100%" > < TR align=" center" valing=" center" > < TD> 0< /TD> < TD> 1< /TD> < TD> 2< /TD> < TD> 3< /TD> < TD> 4< /TD> < /TR> | < TR align=" center" valing=" center" > < TD> 5< /TD> < TD> 6< /TD> < TD> 7< /TD> < TD> 8< /TD> < TD> 9< /TD> < /TR> < /TABLE> < /BODY> < /HTML> |
Ø Сохраните HTML-документ под именем tablica.html.
Ø Просмотрите с помощью браузера, что получилось.
Задание 6.4.
Ø Дополните HTML-документы «Школьного кафе» таблицами самостоятельно.
Лабораторная работа №7. «Формы в HTML-документе»
Задание 7.1. Изучите материал темы «Формы в HTML-документе.
Формы в HTML-документе