Рис. 2. Пример таблицы, где используется вертикальное объединение ячеек В приведенной на рис. 2 таблице содержатся две строки и две колонки, причем левые вертикальные ячейки объединены с помощью параметра rowspan. Синтаксис<td rowspan="число">...</td>
АргументыЛюбое целое положительное число больше 2. Значение по умолчанию1 Пример 9. Объединение ячеек  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега TD, параметр rowspan</title> </head> <body> <table width="200" border="1" align="center" cellpadding="4" cellspacing="0"> <tr> <td rowspan="2" bgcolor="#FBF0DB">ячейка 1</td> <td>ячейка 2</td> </tr> <tr> <td>ячейка 3</td> </tr> </table> </body> </html> Параметр VALIGN
ОписаниеЗадает вертикальное выравнивание содержимого ячейки. По умолчанию контент ячейки располагается по ее вертикали в центре. Синтаксис<td valign="top | middle | bottom | baseline">...</td>
Аргументы
Значение по умолчаниюmiddle Аналог в CSSvertical-align Пример 10. Выравнивание в ячейке <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега TD, параметр valign</title> </head> <body> <table width="60%" border="1"> <tr> <td valign="top"> ... </td> <td valign="bottom"> ... </td> </tr> </table> </body> </html> Параметр WIDTH
ОписаниеЗадает ширину ячейки. Если общая ширина содержимого превышает указанную ширину ячейки, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в ячейке находятся изображения, параметр width будет проигнорирован, и новая ширина ячейки будет вычислена на основе ее содержимого. Синтаксис<td width="значение">...</td>
АргументыЛюбое целое значение в пикселах или процентах от доступного пространства. Значение по умолчаниюШирина вычисляется на основе содержимого ячейки. Аналог в CSSwidth Пример 11. Ширина ячеек <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега TD, параметр width</title> </head> <body> <table cellpadding="10" border="1"> <tr> <td width="20%"> ... </td> <td width="80%"> ... </td> </tr> </table> </body> </html> | ||||||||||||||||||||||||
| Просмотров: 319 | Теги: | Рейтинг: 0.0/0 | ||||||||||||||||||||||||
| Всего комментариев: 0 | |