Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
ЗАНЯТИЕ 7. Границы таблиц, вложенные таблицы.
|
|
Прорисовка структуры таблицы
Еще одной возможностью нестандартного представления таблиц, работающей только в браузере Internet Explorer, является прорисовка внутренней структуры таблицы – рамок и линеек. Оформить таблицу можно таким образом, что от рамки останутся только верхняя и нижняя границы, а между ячейками останется только вертикальная линейка.
За изменение свойств рамки отвечает параметр frame, а с помощью параметра rules варьируется внешний вид линеек таблицы (оба параметра применимы внутри тега < table>).
Пример применения прорисовки таблицы:
< HTML>
< HEAD>
< TITLE> Нестандартные возможности прорисовки структуры таблицы< /TITLE>
< /HEAD>
< BODY COLOR=" #FFFFFF" TEXT=" black" LINK=" 00FF00" ALINK=" 00FF00" VLINK=" blue" >
< TABLE ALIGN=" center" BORDER=" 1" CELLSPACING=" 0" CELLPADDING=" 4" WIDTH=" 100%" FRAME=" hsides" RULES=" rows" >
< CAPTION> < B> Таблица 1< /B> < /CAPTION>
< TR>
< TD> 1< /TD> < TD> 2< /TD> < TD> 3< /TD> < TD> 4< /TD>
< /TR>
< TR>
< TD> 5< /TD> < TD> 6< /TD> < TD> 7< /TD> < TD> 8< /TD>
< /TR>
< /TABLE>
< TABLE ALIGN=" center" BORDER=" 1" CELLSPACING=" 0" CELLPADDING=" 4" WIDTH=" 100%" FRAME=" box" RULES=" groups" >
< CAPTION> < B> Таблица 2< /B> < /CAPTION>
< TR>
< TD> 1< /TD> < TD> 2< /TD> < TD> 3< /TD> < TD> 4< /TD>
< /TR>
< TR>
< TD> 5< /TD> < TD> 6< /TD> < TD> 7< /TD> < TD> 8< /TD>
< /TR>
< /TABLE>
< TABLE ALIGN=" center" BORDER=" 1" CELLSPACING=" 0" CELLPADDING=" 4" WIDTH=" 100%" FRAME=" above" RULES=" all" >
< CAPTION> < B> Таблица 3< /B> < /CAPTION>
< TR>
< TD> 1< /TD> < TD> 2< /TD> < TD> 3< /TD> < TD> 4< /TD>
< /TR>
< TR>
< TD> 5< /TD> < TD> 6< /TD> < TD> 7< /TD> < TD> 8< /TD>
< /TR>
< /TABLE>
< /BODY>
< /HTML>
Возможные значения параметров frame:
| Значение | Описание |
| bох border above below hsides vsides lhs rhs void | Рамка с четырех сторон Рамка с четырех сторон Рамка только сверху Рамка только снизу Верхняя и нижняя части рамки Левая и правая части рамки Только левая часть рамки Только правая часть рамки Нет рамок |
Возможные значения параметров rules:
| Значение | Описание |
| all groups cols rows none | Отображение линейки целиком Часть линейки, разделяющая сгруппированные данные Часть линейки, разделяющая столбцы Часть линейки, разделяющая строки Отсутствие линейки |
Задание 1. Создайте HTML-страницу со следующими таблицами:
таблица 1
таблица 2
таблица 3
Вложенные таблицы
Одной из замечательных особенностей HTML-таблиц по праву считается поддержка многоуровневой вложенности. Другими словами, одна таблица может включать другую, та, в свою очередь, еще одну и т. д.