Html5Yazılım

Html Tablo Oluşturma

Html ile tablo oluşturma için yapmanız gerekenler çok kolay. Basitçe özetlersek, <table> </table> etiketleri arasına tablomuzu oluşturuyoruz. Satır oluşturmak için <tr> etiketini, sütun oluşturmak için ise <td> etiketi kullanıyoruz. Eğer tablonuzda header olmasını istiyorsanız da <th> etiketini kullanabilirsiniz. Gelin hep beraber bir örnek yapıp çıktısına beraber bakalım.

Kod Örneği

<!DOCTYPE html>
<html>
  <head>
    <style>
      th,td,tr{
          border: 1px solid #000;
          text-align: unset;
      }
      table{width : 100%},
    </style>
  </head>
  <body>
    <h3>Tablo</h3>
    <table>
      <tr>
        <th>Ad</th>
        <th>Soyad</th>
        <th>E-Posta</th>
      </tr>
      <tr>
        <td>Anıl</td>
        <td>ALAN</td>
        <td>anil@infreza.com</td>
      </tr>
      <tr>
        <td>Berkay</td>
        <td>BABATAŞ</td>
        <td>berkay@infreza.com</td>
      </tr>
    </table>
  </body>
</html>

html table example

Not: <th> etiketi varsayılan olarak ortalanmış olarak gelir. Text-align unset diyerek normal haline getiriyoruz.

Herhangi bir sorunuz için yorum yaparak bizlere ulaşabilirsiniz.

 

Yazı ile ilgili düşüncelerinizi yorum olarak bizlerle paylaşırsanız çok seviniriz. Benzer içeriğimiz olan google nasıl çalışır yazımıza alıntılara buradan ulaşabilir, mobil uygulamalarımızı indirmediyseniz de aşağıdaki görsele tıklayarak mobil uygulamamıza ulaşabilirsiniz.infreza mobil

Anıl ALAN

Merhaba! Ben Anıl, şu anda İstanbul Okan Üniversitesi Yazılım Mühendisliği (EN) Bölümü öğrencisiyim. InFreza'nın kurucu ortağıyım. InFreza ile teknoloji, sanat, bilim üzerine projeler üretiyoruz.

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu