-Bu dersimizde HTML İle Tablo Yapımını öğrenelim.
HTML'DE Tablo'yu kodlama olarak ögrenmek çok önemlidir.Nedeni ise bir sorun olduğunda dreamweaver gibi html programı yerine kendiniz yapabilirsiniz
Başlangıç:
İlk önce html'ye başlarken kod başı ve sonunu belirliyoruz.Not:</html> kodun bittigi yeri belirler.
Örnek:
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
...
...
....
</html>
2.Bölüm
<html> </html> kodlarını ekledikten sonra BODY komutumuzu yazıyoruz
Kod :
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<body>
...
...
...
</body>
</html>
3.Bölüm
Bu bölümde ise etiket(yazı) ekliyoruz:
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<body>
<title>Deneme</title>
...
...
...
</body>
</html>
4.Bölüm
Ortalama komutu:
Kod:
<center>...</center>
Bir yazıyı veya tabloyu ortalamak için yapılır.
Örnek:
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<body>
<center>
<title>Deneme</title>
</center>
...
...
...
</body>
</html>
Göründügü gıbı etiket kodlarının başına ve sonuna koydum, bu sayede yazı ekranın tam ortasına gelmiş olacaktır
5.Bölüm
Satır ve Sütunlar
Tabloya satın ve sutun eklemek ıcın komutlar:
Satır İçin:
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<tr>....</tr>
Sütun İçin:
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<td>....</td>
Kod:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<body>
<center><tittle>
Deneme
</tittle></center>
<table border="5" height="100%" width="100%">
<td>
<tr>
<td>
</td>
</tr>
</td>
</body>
</html>
Kod:
<table border="5" height="100%" width="100%">
Bu komut genişlik yükseklik ayarını yapmamızı sağlar.
Kod: Kodu kopyalamak için üzerine çift tıklayın!