.png)
Html Derslerine kaldığımız yerden devam ediyoruz. Aslında Kaldığımız Derken Şu an bir başlangıç yapıyoruz da diye biliriz.
Evet Başlıktan da anlaşıldığı gibi konumuz table yani tablo yapma , html de tablo nasıl yapılır ,tablo nasıl yazılır göstermeye çalışalım. Öncelikle diğer yazılarımızı okuduysanız zaten temel kodları bilirsiniz bu yüzden onlara fazla değinerek zamnınızdan çalmak istemem eğer bilmiyor yeni başlamış iseniz onlarıda bi okumanızı tavsiye ederim.
Diğer Yazılarımız:
| Html Dersleri
Tablo oluşturmak için tablonun mantığını anlamamız gerekiyor
tablo satır ve sütünlardan oluşan bir yapı bu yüzden bizimde satır ve sütünları
oluşturmak için taglarımız (Etiketlerimiz) var. Satır için tr Kullanırken Sütün
içinde td kullanırız bunları detaylı inceleyeceğiz ama ondan önce şu basic kodlarımızı
yazalım.
<html>
<head></head>
<body>
<table></table>
</body>
</html>
Evet Gördüğünüz gibi tablo oluşturmak için taglarımızı
yazdık ve artık tablonun toblo halini alması için satır ve sütünlarını
oluşturmamız gerekiyor
Tekrar açıklamak gerekirse:
Table: Bu tagımız adı üstünde tabloyu açmak için kullanılan
bir tag
Tr: Satırları Oluşturmak İçin gereken bir kod
Td: Sütünları oluşturmak için gereken kod
Evet taglarımızı tanıdığımıza göre artık deneme kısmına
geçebiliriz eğer elinizde bir kod uygulaması var ise onu kullanabilirsiniz yok
ise direk not defterini açıp yazabilirsiniz.
<html>
<head></head>
<body>
<table bgcolor=red
align="center">
<!--Satırı Oluşturuyoruz -- >
<tr>
<!--Sütünları Oluşturuyoruz
-->
<td bgcolor=white>1.Sütün</td> <td bgcolor="white">2.Sütün</td>
</tr>
</table>
</body>
</html>
Çıkan Sonuç :
Aradaki siyah kodlara şimdilik takılmanıza gerek yok ama ben
ginede belirteyim biz onları renk ve tablonun duruş yerlerini belirtmek için
yazdık yoksa tablomuz belli olmazdı. Evet gördüğünüz gibi basit bir tablo
çıkmış olduk
Tr td çok karıştırılabilir bu yüzden çok fazla deneme yapın
kod yazın araştırın kesinlikle faydası olacaktır.
Table , Tr ve td’nin mantığını anladığımıza göre artık
gelelim son tagimize kullanması bazı yerler için faydalı olabiliyor öğrenmekte
fayda var.
Th : Başlık anlamına geliyor yani mesela kalem ile ilgili
bir tablo oluşturdunuz ve başlığa kalem dediniz ve altına pembe kalem , kırmızı
kalem vs şeyler yazdığınızı düşünün kısaca kalın ve ortalı
Mantığı anlamak için ufak bir örnekti bu şimdi birde kod
kısmında görelim.
<table
align="center" border=1px>
<tr>
<th bgcolor="red"> Kalem </th>
</tr>
<tr><td>Pembe Kalem</td>
</tr>
<tr><td>Pembe Kalem</td>
</tr>
<tr><td>Pembe Kalem</td>
</tr>
</table>
Sonuç :
Evet Gördüğünüz Gibi Başlığımız kalın ve ortalı oldu
bugünlük “table, tr, td, th” Bahsetmiş
olduk şimdilik hoşçakalın. 😊