HTML ile Tablo Oluşturma

Merhaba, bu yazımda sizlere HTML’de tablo yapısından bahsederek, basit bir örnek ile anlatmaya çalışacağım.

HTML’de  <table>  </table> ifadeleri ile oluşturulan tablolar,

<tr>   </tr>  etiketi ile satırlara,

<td>   </td> etiketi ile de sütunlara ayrılır.

Tablo başlıklarını belirtmek için de

<th>  </th> etiketi kullanılır.

Aşağıda kodları bulunan HTML ile basit bir tabloyu şu şekilde yapabilirsiniz:

  • Öncelikle HTML sayfasının gövde kısmı olan <body> </body> etiketleri arasında <table> ile bir tablo oluşturuyoruz. 
  • İlk satırımızı <tr> etiketi ile oluşturduktan sonra<th> ile sütun başlıklarımızı belirliyoruz.
  • Ardından <tr> ile ikinci satırımızı ve <td> ile sütunlarımızı oluşturuyoruz.
  • Her hücreyi bu şekilde doldurduktan sonra </table> etiketi ile tablomuzu tamamlamış oluyoruz.

(daha&helliip;)

HTML Renk Kodları

HTML sayfalarında arka plan ve fontlar başta olmak üzere sayfa tasarımı için renk kodlarına ihtiyaç duyabilirsiniz. HTML standartlarında renkler RGB(Kırmızı,Yeşil,Mavi) değerlerinin kombinasyonlarına dayanır.

HTML’de kodlama yaparken 0-255 arasındaki RGB değerlerine karşılık gelen 00-FF arasındaki Hexadecimal değerler kullanılır. Burada #00 en küçük, #FF en büyük değer olarak kullanılmaktadır. Örnek vermek gerekirse; #000000 değeri siyah, #FFFFFF değeri de beyaz rengin karşılığıdır. Aşağıdaki flash uygulaması ile istediğiniz renk kodunun RGB değerini ve HEX karşılığını bulabilirsiniz. (daha&helliip;)

HTML Login Formu Örneği

HTML ile yapılmış login formunun örnek kodları şu şekildedir:

<html>
<fieldset><legend>Giriş</legend>
<table border="1" bgcolor="yellow">
<thead>
<tr>
<td>Kullanıcı Adı:</td>
<td bgcolor="000000"><input type="text" value="" /></td>
</tr>
</thead>
<tbody>
<tr>
<td>Şifre:</td>
<td bgcolor="000000"><input type="password" value="" /></td>
</tr>
<tr>
<td></td>
<td align="center">
<input checked="checked" type="checkbox" />Beni Hatırla <input name="Giriş" type="button" value="Giriş" />
</td>
</tr>
</tbody>
</table>
</fieldset>
</html>