Hücrelere, yani <TD> etiketinin içine, rowspan ve colspan özelliklerini atayarak bayağı gösterişli tablolar ortaya çıkarabilirsiniz. Doğruyu söylemek gerekirse, bu TABLO işine gerçekten önem vermeniz gerek. Çünkü, güzel tasarlanmış bir web sayfası etkin bir biçimde TABLO'ların kullanılmasını gerektirir. Tabloları gerektiği gibi kullanmazsanız, web sayfanızın herşeyi heryerde olur, bu da hiç hoş olmaz, inanın.

   rowspan ve colspan özelliklerini kullanarak, bir takım hücrelerin diğerlerini içine alması (yada hizalaması desek daha doğru olur) mümkün olur. Mesela aşağıdaki tablonun 2 satırı (row) ve 3 sütunu (column) vardır.


<TABLE BORDER="2">
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
</TABLE>

   Görünüm aşağıdaki gibi olur

SuperTurks	SuperTurks	SuperTurks
SuperTurks	SuperTurks	SuperTurks

   COLSPAN özelliği:İlk hücrenin her 3 sütunu kapsaması için, <TD> etiketinin içine COLSPAN="3" yazalım ve satırdaki diğer iki <TD> etiketlerini silelim:

<TABLE BORDER="2">
<TR>
<TD COLSPAN="3">SuperTurks</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
</TABLE>

   Sonucu aşağıdadır:

SuperTurks
SuperTurks	SuperTurks	SuperTurks

   ROWSPAN özelliği: Bu arada, ilk hücrenin, diğer iki satırı kapsamasını istiyorsanız, <TD> etiketine ROWSPAN="2" yazalım ve ikinci satırın (row) ilk <TD> etiketini silelim,


<TABLE BORDER="2">
<TR>
<TD ROWSPAN="2">SuperTurks</TD>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
</TABLE>

SuperTurks	SuperTurks	SuperTurks
	SuperTurks	SuperTurks