13. Объединение ячеек таблицы по горизонтали и по вертикали.
Пример:
<html><head><title>Объединение ячеек таблицы по горизонтали</title></head> <body> <table border="1" cellpadding="10" cellspacing="0"> <tr> <th>Имя</th> <th colspan="2">Телефон</th> </tr> <tr> <td>Вася</td> <td>777 88 999</td> <td>777 77 999</td></tr></table>
В первом ряду, в отличае от второго, всего две ячейки, но тег <th> второй ячейки, первого ряда содержит атрибут colspan="", значение которого равно 2, что, в свою очередь, компенсирует отсутствие третьей ячейки. Цифра 2означает, что одна ячейка по размеру равна двум.
Результат:
Имя |
Телефон |
|
Вася |
777 88 999 |
777 77 999 |
Объединение ячеек html таблицы по вертикали
Пример:
<html><head><title>Объединение ячеек таблицы по вертикали</title></head><body> <table border="1" cellpadding="20" cellspacing="0"> <tr> <td>Имя:</td> <td>Ирина</td> </tr> <tr> <td rowspan="2">Телефон:</td> <td>333 22 555</td> </tr> <tr> <td>444 11 777</td></tr></table>
Атрибуты и значения
colspan="" – определяет объединение ячеек по горизонтали.
rowspan="" – определяет объединение ячеек по вертикали.
Значения этих атрибутов определяют количество ячеек, которые будут объединены в одну.
14. Особенности построения таблицы. Отображение пустых ячеек в таблице. Выравнивание данных в столбцах таблицы Особенности построения html таблиц
В данном разделе рассматриваются некоторые специфичные возможности отдельных браузеров, а также отдельные тонкости построения и отображения таблиц.
Отображение пустых ячеек в HTML таблицах
О
дной
из особенностей представления HTML таблиц
различными браузерами является
отображение пустых ячеек. Согласно
описанию HTML языка все браузеры должны
дополнять строки пустыми ячейками, если
в какой-либо строке их количество задано
меньшим, чем в остальных строках. Кроме
того, в любом месте таблицы могут
находиться ячейки, не содержащие данных.
Существует различие между пустыми
ячейками и ячейками, содержащими
невидимые данные. В пустых ячейках
внутри пары тегов <TD> и </TD> не
содержится никакой информации или один
или более пробелов, которые не трактуются
как данные. Ячейки, содержащие невидимые
данные, к примеру, могут содержать код
или код перевода строки <BR>,
или любой текст, цвет которого совпадает
с цветом фона ячейки. Если ячейки,
содержащие данные (пусть даже невидимые),
отображаются всеми браузерами одинаково,
то пустые ячейки будут показаны
по-разному. Браузер Netscape пустую ячейку
не показывает, т. е. место, где располагается
данная ячейка, будет закрашено цветом
фона страницы, а не цветом фона ячейки
в отличие от ячеек, содержащих данные.
Вокруг пустых ячеек не прорисовывается
рамка. Пример HTML таблицы с пустой ячейкой
приведен на рис. 4.15.
Рис. 4.15. Пустая ячейка HTML таблицы отображается по-разному различными браузерами
Microsoft Internet Explorer и те, и другие ячейки отображает цветом фона ячеек. Такой браузер как NSCA Mosaic предоставляет пользователю возможность самому определить характер выдачи пустых ячеек таблицы с помощью выбора соответствующих опций. Знание таких особенностей позволит разрабатывать таблицы, которые будут отображены подходящим образом, вне зависимости от выбранного пользователем браузера. В ряде случаев достаточно для этого вместо некоторых пустых ячеек создавать ячейки, содержащие единственный код .