Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Объединение ячеек
Смежные ячейки таблицы могут объединяться. Например, в таблице из нескольких столбцов все ячейки первой строки можно объединить и поместить в этой строке красивый заголовок таблицы. Возможно также объединение нескольких строк или создание пустой прямоугольной области. Для соединения двух смежных ячеек в одном столбце нужно использовать атрибут ROWSPAN тега < TH> или < TD> , например, < TD ROWSPAN=2>Для объединения двух смежных ячеек в одной строке нужно использовать атрибут COLSPAN тех же тегов, например, < TD COLSPAN=2>Пример Таблица будет иметь следующий вид. Если вы хотите создать таблицу с объединениями столбцов и в то же время точно контролировать ширину каждого столбца, необходимо задать ширину по крайней мере одной ячейки в каждом столбце. Для полной уверенности найдите время и задайте ширину каждой ячейки в таблице. Когда объединения столбцов пересекаются, очень легко получить непредсказуемый результат. Цвет в таблицах В HTML не предусмотрено специальных средств раскрашивания таблиц. Однако как Netscape Navigator, так и Microsoft Internet Explorer имеют расширения, позволяющие изменять цвет ячеек и рамок. Вы можете изменить цвет фона ячейки при помощи атрибута BGCOLOR перед размещением в ней текста или изображения, а также использовать атрибут BORDERCOLOR для изменения цвета рамки ячейки. Теги < TABLE> , < TD> , < TH> и < TR> также допускают использование в них указанных атрибутов. Таким образом, вы можете изменить цвет всей таблицы, отдельной ячейки или строки таблицы. Значения цветов, установленные на уровне ячейки, будут перекрывать значения, установленные на уровне строки, которые в свою очередь, будут перекрывать значения, заданные на уровне всей таблицы. Пример Создадим таблицу, удовлетворяющую следующим требованиям: · цвет таблицы - белый; · вторая строка светло-серого цвета, в ячейке 2 - цвет " teal"; · цвет надписи в ячейке 5 - красный; · первый столбец составляет 20% от ширины таблицы, два другие - по 40%; · ячейка 3 центрирована, а ячейка 4 - выровнена вправо; · ячейки 6 и 8 объединены в одну, центрированы и выровнены по нижнему краю ячейки; · поля внутри ячеек - 10 пикселей. < HTML> < BODY> < TABLE BORDER=8 WIDTH=90% BGCOLOR=" white" CELLPADDING=10 ALIGN=center> < TR> < TH WIDTH=20%> Простой заголовок< /TH> < TH WIDTH=80% COLSPAN=2> Заголовок на 2 столбца< /TH> < /TR> < TR BGCOLOR=" #CCCCCC" > < TH WIDTH=20%> Заголовок на 1 строку< /TH> < TD WIDTH=40%> Ячейка 1< /TD> < TD WIDTH=40% BGCOLOR=" teal" > Ячейка 2< /TD> < /TR> < TR> < TH WIDTH=20% ROWSPAN=3> Заголовок на 3 строки< /TH> < TD ALIGN=center> Ячейка 3< /TD> < TD ALIGN=right> Ячейка 4< /TD> < /TR> < TR> < TD> < FONT COLOR=" red" > Ячейка 5< /FONT> < /TD> < TD ROWSPAN=2 ALIGN=center VALIGN=bottom> Ячейка 6< /TD> < /TR> < TR> < TD> Ячейка 7< /TD> < /TR> < /TABLE> < /BODY> < /HTML>
|