Utilizamos então os valores align e valign na tag <TR>.
Veja na sintexa:
<html>
<head>
<title> Alinhamento vertical e horizontal </title>
</head>
<body>
<table height="500" width="800" border="1" bordercolor="blue">
<tr align=center valign=center>
<td width="200" height="20">
<font face="arial" size="3">
<b> center</b>
</font>
</td>
<td width="200" height="20">
<font face="arial" size="3">
<b> center</b>
</font>
</td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center
</b> </font> </td>
</tr>
<tr align=center valign=top>
<td width="200" height="20" >
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
</tr>
<tr>
<td width="200" height="20" align="right" valign="top">
<font face="arial" size="3"> <b> align=right;valign=top
</b> </font> </td>
<td width="200" height="20" align="right" valign="middle">
<font face="arial" size="3"> <b> align=right; valign=middle
</b> </font> </td>
<td width="200" height="20" align="right" valign="bottom" >
<font face="arial" size="3"> <b> align=right;valign=bottom
</b> </font> </td>
</tr>
</table>
</body>
</html>
Ficaria assim:
Veja na sintexa:
<html>
<head>
<title> Alinhamento vertical e horizontal </title>
</head>
<body>
<table height="500" width="800" border="1" bordercolor="blue">
<tr align=center valign=center>
<td width="200" height="20">
<font face="arial" size="3">
<b> center</b>
</font>
</td>
<td width="200" height="20">
<font face="arial" size="3">
<b> center</b>
</font>
</td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center
</b> </font> </td>
</tr>
<tr align=center valign=top>
<td width="200" height="20" >
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
</tr>
<tr>
<td width="200" height="20" align="right" valign="top">
<font face="arial" size="3"> <b> align=right;valign=top
</b> </font> </td>
<td width="200" height="20" align="right" valign="middle">
<font face="arial" size="3"> <b> align=right; valign=middle
</b> </font> </td>
<td width="200" height="20" align="right" valign="bottom" >
<font face="arial" size="3"> <b> align=right;valign=bottom
</b> </font> </td>
</tr>
</table>
</body>
</html>
Ficaria assim:
Nesse
caso, utiliza-se o valor align e o valign na tag <TR> e não coloca valor nenhum nas tag <td>, por que se colocar nessas tag esses valores eles serão predominantes, e o
resultado aparecerá na tabela.
Nessa
tabela, na última linha ficou com valores na tag <td> como pode observar.
Nenhum comentário:
Postar um comentário