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.

Devamını Oku

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. Devamını Oku

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>