Vi kan kontrollere hvor i cellen vores data skal stå.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="center">Per</TD>
</TR>
</TABLE>

Per


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="right">Per</TD>
</TR>
</TABLE>

Per


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left">Per</TD>
</TR>
</TABLE>

Per

Som du kan se, er den default værdi ALIGN="left". Du er i øvrigt sikkert allerede klar over, at default værdi er den værdi browseren antager, hvis du ikke beder den om noget andet.


Vi kan også kontrollere, hvor data skal stå vertikalt i en celle.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="top">Per</TD>
</TR>
</TABLE>

Per


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="bottom">Per</TD>
</TR>
</TABLE>

Per


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="middle">Per</TD>
</TR>
</TABLE>

Per

Default er middle.


Nu skal jeg lige vise dig noget andet. Billeder kan også bruges og manipuleres i en data celle. Tag Per her*, Ed og gem ham i den mappe du arbejder i (den du har dit html dokument i). Skift så <IMG> tag for Per.

* Du gemmer et billede fra en webside ved at højreklikke på det og vælge Gem billede som... (eller noget lignende).

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="middle"><IMG SRC="ed.gif" WIDTH=32 HEIGHT=32 ALT="Per"></TD>
</TR>
</TABLE>

Per

Dette er nok et godt tidspunkt at understrege at det er god skik at inkludere størrelses attributter for alle dine billede tags. Når browseren ved hvor stort et billede er, loader den siden hurtigere.