 |
Формы организации web-страниц. Принцип табличной организации web-страницы.
|
|
|
|
Описание таблиц должно располагаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга. Основным тегом-контейнером таблицы является тег <TABLE>.Каждая строка начинается тэгом <TR> (TableRow) и завершается тэгом </TR>. Отдельная ячейка в строке обрамляется парой тэгов <TD> и </TD> (TableData) или <TH> и </TH> (TableHeader), которые могут располагаться только внутри описания строки. Тэг <TH> используется обычно для ячеек-заголовков таблицы, а <TD> — для ячеек-данных. Различие – тип шрифта и расположение данных внутри ячейки, используемые по умолчанию. Содержимое ячеек типа <TH> отображается полужирным (Bold) шрифтом и располагается по центру (ALIGN=CENTER)Ячейки, определенные тэгом <TD> по умолчанию отображают данные, выровненные влево (ALIGN=LEFT) и посередине (VALIGN=MIDDLE) в вертикальном направлении.Таблица может иметь заголовок, который заключается в пару тэгов <CAPTION> и </CAPTION> и располагается сразу после тега <TABLE>Тэг <CAPTION> имеет параметр ALIGN, принимающий значения ТОР (заголовок над таблицей) или BOTTOM (заголовок под таблицей).
Параметры тега <TABLE>.
BORDER, при его отсутствии – рамки нет Создание рамки вокруг таблицылюбое число в пикселях, если не указано число, то по умолчанию – 1, 0 – нет рамки
BORDERCOLOR Определение цвета рамки вокруг таблицы шестнадцатеричный формат или наименование
CELLSPACING определяет расстояние между смежными ячейками как по горизонтали, так и по вертикаличисленное значение параметра в пикселях, которое не может быть опущено
CELLPADDING Создание отступа от границы ячейки до ее содержимого
ALIGN определяет горизонтальное расположение таблицы в области просмотра LEFT и RIGHT (, CENTER. По умолчанию – по левому краю.
|
|
|
WIDTH Определение высоты таблицы численное значение параметра в пикселях (фиксация) или в процентах от размеров окна браузера
HEIGHT Определение ширины таблицы
Параметры тегов <TR>, <TD> и <TH>
ALIGN определяет горизонтальное выравнивание содержимого ячейки или строки LEFT (выравнивание влево) и RIGHT (выравнивание вправо), CENTER (по центру).
VALIGN определяет вертикальное выравнивание содержимого ячейки или строки ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине, По умолчанию), BASELINE (по базовой линии, привязка текста одной строки к единому уровню).
WIDTH Определение высоты ячейки или строки численное значение параметра в пикселях (фиксация) или в процентах от размеров окна браузера
HEIGHTОпределение ширины ячейки или строки
BGCOLORуказывает цвет для заднего фона ячейки или строки шестнадцатеричный формат или наименование
BACKGROUND(для <TD> и <TH>) Указание рисунка для заднего фона ячейки URL рисунка
NOWRAPЗапрет принудительного переноса строки в ячейке или ряду
COLSPAN Объединение соседних ячеек по горизонтали числовое значение, определяющее, на сколько столбцов следует расширить текущую ячейку по горизонтали
ROWSPAN Объединение соседних ячеек по вертикали числовое значение, определяющее количество строк, которые должна захватить текущая ячейка по вертикали.
Формы организации web-страниц. Принцип фреймовой организации web-страницы.
Web-страница, которая разделена на фреймы, называется структурным HTML-документом, или документом группы фреймов Вместо тега BODYтег FRAMESETкоторый определяет количество и взаимное расположение отдельных фреймов, каждый из которых обозначается тегом <FRAME>.Внутри контейнера <FRAMESET>…</FRAMESET>могут располагаться только теги <FRAME> или другие контейнеры FRAMESET. Тэг <FRAMESET> имеет два параметра: ROWS и COLS, определяющих количество горизонтальных (ROWS) и вертикальных (COLS) фреймов. Формат записи значений этих параметров может быть в пикселях, процентах или относительных единицах.
|
|
|
Тег <FRAME> определяет свойства отдельного фрейма. Он должен располагаться внутри контейнера FRAMESET. Этот тег не является контейнером. Число тегов <FRAME> обязательно должно быть равно числу фреймов, определенных в теге <FRAMESET>.Параметры тега < FRAME
Src обязательный Указание пути к файлу, предназначенному для загрузки во фрейм url файла
NAME Задает уникальное имя фрейма, которое может использоваться для ссылки к данному фрейму window_nameдолжно начинаться с латинской буквы или цифры
SCROLLING Задает способ отображения полосы прокрутки во фреймеYES – полоса прокрутки появляется в любом случае;
NO – запрет полосы прокрутки;
AUTO – появление полосы прокрутки по мере необходимости
NORESIZEОпределяет, можно ли изменять размер фрейма пользователю –
MARGINWIDTH и MARGINHEIGHTЗадают горизонтальные и вертикальные отступы внутри фрейма абсолютное значение в пикселях
border Толщина границы между фреймами
bordercolor Цвет границы фреймашестнадцатеричный формат, наименование или RGB
frameborderНаличие границы между фреймами YES, NO
frameSPACING Определяет расстояние между соседними фреймами абсолютное значение в пикселях
Все содержание фреймов должно быть определено в отдельных HTML-файлах, имена которых задаются параметром SRC тэга <FRAME>.Тэг <NOFRAMES>
Для браузеров, не поддерживающих работу с фреймами, можно предусмотреть альтернативную информацию, которая записывается между парой тэгов <NOFRAMES> и </NOFRAMES>.Все, что размещено между тэгами <NOFRAMES> и </NOFRAMES>, будет отображаться браузерами, не имеющими возможностей поддержки фреймов. Браузеры с поддержкой фреймов проигнорируют всю информацию между этими тэгами.Существует возможность загрузки документов в выбранный фрейм по командам из другого фрейма, при этом используется параметр TARGET тега<А>пр.<A HREF="putfirst.html" TARGET="frame1">
Имеется четыре зарезервированных имени:
TARGET="_blank" — обеспечивает загрузку документа в новое окно без имени поверх фреймовой структуры (то же, что и в случае с новым именем фрейма).
TARGET="_self" — загрузка документа будет произведена в текущий фрейм (или окно), из которого осуществляется вызов.
TARGET="_top" — загрузка документа будет произведена в полное окно, вся структура кадров при этом разрушится.
TARGET="_parent" — вызывает загрузку документа в область, занимаемую фреймом-родителем текущего фрейма. При отсутствии фрейма-родителя данное значение параметра действует так же, как "_top".
Фрейм-родитель – это фрейм, в который загружается HTML-документ.
|
|
|
