Учебное пособие: Створення простої web-сторінки
<tr>
<td height ="35" width="50" bgcolor="#336699">2xl</tr:>
<td width="50" bgcolor="#FFCC33">2x2</tr> <td width="50" bgcolor="#336699">2x3</tr>
</tr>
<table>
ВИРІВНЮВАННЯ ВМICТУ КОМІРОК
Щоб вирівняти вміст комірок таблиці по горизонталі, треба вище наведений текст редагувати таким чином:
<table> <tr>
<td height ="35" width="50" bgcolor="#FFCC33"> <center> 1х1 </center> </tr>
<td width="50" bgcolor="#336699"> <center> 1х2 </center> </tr>
<td width="50" bgcolor="#EFCC33" > <center>1х3</center> </tr> </tr> <tr>
<td height ="35" width="50" bgcolor="#336699"> <center>,2xl</tr>
<td width="50" bgcolor="#FFCC33"> <center> 2х2 </center> </tr>
<td width="50" bgcolor="#336699"> <center> 2х3 </ce n ter> </tr> </tr> <table>
В кожній комірці таблиці може знаходитись текст, малюнки i навігь вкладені таблиці. Їх вміст форматусться за допомогою вже відомих тегів. Кожна комірка таблиці є ніби окрема кімната, тому теги для центрування в попередньому прикладі довелось писати для кожної комірки.
Вирівнювання по вертикалі виконуеться за допомогою атрибута valign="middle" (top, bottom) - посередині комірки (зверху, знизу).
Щоб вирівняти вміст комірок таблиці по вертикалі треба вище наведений текст редагувати таким чином:
<table>
<tr>
<td height ="35" width="50" bgcolor="#FFCC33" valign="top" >
<center> 1х1 </center></tr>
<td width="50" bgcolor="#336699"> <center> 1х2 </center> </tr>
<td width="50" bgcolor="#FFCC33" valign="bottom " > <center> 1х3
</center> </tr>
</tr>
<tr>
<td height ="35" width="50" bgcolor="#336699" valign="bottom" >
<center> 2xl</tr>
<td width="50" bgcolor="#FFCC33"> <center> 2х2 </center> </tr>
<td width="50" bgcolor="#336699" valign="top" > <center> 2х3