Anasayfa » Web Tasarım » Html Dersleri » Html’de Tablo Yapımı
Html’de Tablo Yapımı

Html’de Tablo Yapımı

Merhaba arkadaşlar bu konumda HTML de tablo yapımını anlatıcam.

İLk önce kısa bir açıklama yapma gereği duydum;

Tablo nedir Ne işe yarar?

Css in ayrı bir kod olarak yaygın olmadığı dönemlerde web dizaynı için tablo kullanılırdı ki hala kullanım mevcuttur. Yani şimdiki kullanım içiç şöy de de diyeibliriz. Css/Div kodlamayı bilmeyen veya yeni başlayan arkadaşlarımız web sitelerini tablolar ile oluşturmaktadır.

Tablo klasik tablolama metoduna daha uygun olduğu için genel sıralı sunum yapacak kişiler yaygıno larak kullanmaktadır.

Peki nasıl yapılır bu tablo?
<table>

<tr>

<td>ilk sütun</td>

ilk satır bitti

</tr>

<tr> ikinci satır başladı

<td>ikinci satırın ilk hücresi</td>

</tr>

</table>

Kısaca bu şekilde yapılır.

tablo <table> tagı ile başlar </table> tagı ile biter.

tablo içerisindeki satır <tr> tagı ile başlayıp </tr> tagı ile biter.

satırların içerisine hücre yerleştirme yapmak istiyorsak ki tablo yapıyorsak bunu mutlaka yapmalıyız.

<tr> kodundan sonra <td> ilk hücre</td><td>ikinci hücre</td></tr>

bu şekilde kullanmalıyız.

!! Tablonun arka planına resim veya renklendirme yapmak istiyorsak;

Resim için background=”resim.png”

şeklinde veya yazı renginin değişmesini istiyorsak

<table background=”murat.jpg”>

<tr>

<td>

<font color="red" font size"20px" font size="35px">kırmızı yazı </font>
</td>
<td>
<font color="black" font size"20px" font size="35px"> siyah yazı</font>
</td>
</tr>
</table>

şeklinde de kullanabiliriz.

 

Hertürlü istek öneri ve görüşlerinizde alttaki yorum kutusunu kullanabilirsiniz.

Bir önceki yazımız olan Php yi Anlamak başlıklı makalemizde php, php dersleri ve php kodları hakkında bilgiler verilmektedir.

Hakkında M.OZTURK

M.OZTURK
Turizm ve Web delisi :))

Cevapla

E-posta adresiniz yayınlanmayacak. Required fields are marked *

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>