Usamos
o align e o valign
na mesma tag <TD> com
valores diferentes.
Veja
na sintexe:
<html>
<head>
<title> Alinhamento
vertical e horizontal </title>
</head>
<body>
<table height="500" width="800"
border="1" bordercolor="blue">
<tr>
<td width="200" height="20"
align="left" valign="top">
<font face="arial" size="3">
<b> align=left;
valign=top </b>
</font>
</td>
<td width="200"
height="20" align="left" valign="middle">
<font face="arial" size="3">
<b> align=left;
valign=middle </b>
</font>
</td>
<td width="200"
height="20" align="left" valign="bottom">
<font face="arial" size="3"> <b>
align=left; valign=bottom
</b> </font> </td>
</tr>
<tr>
<td width="200"
height="20" align="center" valign="top">
<font face="arial" size="3"> <b>
align=center; valign=top
</b> </font> </td>
<td width="200" height="20"
align="center" valign="middle">
<font face="arial" size="3"> <b>
align=center; valign=middle
</b> </font> </td>
<td width="200"
height="20" align="center" valign="bottom">
<font face="arial" size="3"> <b>
align=center; valign=bottom
</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>
Visualizada no navegador fica assim:
Nessa
tabela como vemos adicionamos um valor para cada atributo de alinhamento, na
horizontal e vertical de uma mesma célula.
Ou
seja colocamos os dois valores align e valign numa mesma célula.
Assim
posicionamos o texto da célula tanto na horizontal como na vertical.
Ok,
vamos aprender mais um tipo de tabela.
Nenhum comentário:
Postar um comentário