TABLE yani tablolar ile gösterişli tasrımlar yapmadan önce bir tablo nasıl yaratılır, onu öğrenelim.
<TABLE> ve </TABLE> etiketleri bir tablonun bütün diğer elemanlarını içlerine alırlar. Tablonun içindeki her satır ise <TR> (table row) etiketiyle başlar ve hemen sonra da <TD> (table data) etiketiyle o satırın içindeki her bir hücre (data cell) adlandırılır.
Aşağıdaki program kodu 2x2 hücrelik bir tablo içindir:
<TABLE>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
</TABLE>
Program kodu
|
| SuperTurks |
SuperTurks |
| SuperTurks |
SuperTurks |
Çıkan Sonuç
|
<TABLE>, <TR> ve <TD> etiketlerine birçok özellik yada konut daha ilave edip, tablonun görünümünü ve içeriğin yerleştirilmesini tamamen kontrol altına alabilirsiniz. (Bunun için diğer <TABLE> ipuçlarını okumanız gerekiyor, OK?) Bu komutlar olmadan, tablonun varsayılan değerleri, içeriği çepeçevre sararlar. En basitinden bir sınır atayabilirsiniz. Eğer yukardaki
tabloya BORDER (sınır) değeri atarsanız, görünüm aşağıdaki gibi olur.
<TABLE BORDER=1>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
<TR>
<TD>SuperTurks</TD>
<TD>SuperTurks</TD>
</TR>
</TABLE>
Program kodu
|
| SuperTurks |
SuperTurks |
| SuperTurks |
SuperTurks |
Çıkan Sonuç
|
Sanırım bir kısmınız hemen gidip Not Defterini çoktan açıp, kes yapıştır ile kodu aktardı bile,
Aman, unutmayın, sayfayı html diye adlandırın. örneğin sayfa_1.html gibi, sonra kaydedip, tarayıcı programdan izleyin.
Eğer etkilendiyseniz, 2. derse buyurun, biliyorsunuz iyiler en sona saklanır, şimdi malın kötüsünü sunuyoruz.