www.kadir-18.yetkin-forum.com

şiir, söz, sms, hazır sms, bedava sms, html, html kodlar
 
AnasayfaAnasayfa  ANA SAYFAANA SAYFA  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yap  
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
En son konular
» GENÇLİK BÖYLEDİR İŞTE
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» GECE BİR NETİCEDİR
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» ESKİ SAADETİNLE
Paz Şub. 22, 2009 2:06 pm tarafından Admin

» ..ÇOCUKLUK..
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» ÇÖKÜYORUM
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» CAN YOLDAŞI
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BİR KAPI AÇIP GİTSEM
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BEN AŞK ADAMIYIM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

» BEN ÖLECEK ADAM DEĞİLİM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

Kimler hatta?
Toplam 1 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 1 Misafir

Yok

Sitede bugüne kadar en çok 28 kişi C.tesi Mart 05, 2011 5:42 pm tarihinde online oldu.

Paylaş | 
 

 html dersleri 8

Aşağa gitmek 
YazarMesaj
Admin
Admin
avatar

Mesaj Sayısı : 319
Kayıt tarihi : 27/01/09

MesajKonu: html dersleri 8   Çarş. Ocak 28, 2009 12:08 am

Tablo etiketine giriş (<table> .... </table>) (HTML Table)
Herkese merhaba!
Bu dersimiz biraz geçikti. Kusura bakmayın. Nedeni:
Çalıştığım yerden, yıllık izin aldım ve bebeklerimiz ve abileriyle ben tek başıma bir süre kalmayı seçtim.
Bu ara verme işi bir miktar beni olaydan uzaklaştırdı daha sonraki hafta ise bu soğukluk nedeniyle bir türlü dersi hazırlayamadım.

Size tavsiyem; bir işe başladıktan sonra ara vermeyin, kesinlikle vermeyin.
Ara vermek sizi işten soğutur. Bir daha hiç başlayamayabilirsiniz.
Hayatınızda yarım bıraktığınız bir işiniz daha olur.
Bu dersimizde sizlere html derslerinin vazgeçilmez konusu olan <table> etiketini anlatmaya niyetim var.
inşaAllah <table> etiketininin temel özelliklerini iki derste anlatacağım.

Sizler biliyorsunuz ki html de başlayan bir tag %90 kapanmak zorundadır.
Birkaç istisna HTML etiketi (tagı) vardır ki bunların kapanmasına gerek yotur.
<table> şeklinde açılan tablo etkieti </table> şeklinde kapatılması gerekir.

Şunu lütfen hatırlayın: İki farklı HTML etiketi açıldığında sonraki açılan kapanmadan 1. açılan etiket kapatılmaz.
Bu kurala uyulmadığında html etiketileri içiçe olmamış olur.
İçiçe olmayıp etiketler birbirlerini keserlerse yanlış yapmış oluruz.
Şuna her zaman dikkat edin: sonra açılan etiket önce kapatılır.

Bildiğiniz gibi tablo satır ve sutunlardan oluşur.
Tablo 3 satır 4 sutundan oluşuyorsa 3 çarpı 4 eşittir 12 hücreye sahip olur.
Tablo 1 satır 2 sutundan oluşuyorsa toplam 2 hücresi olur.
Tablo 2 satır 3 sutundan oluşuyorsa kaç hücresi olur peki?

1. satırın 1. hücresi 1. satırın 2. hücresi 1. satırın 3. hücresi
2. satırın 1. hücresi 2. satırın 2. hücresi 2. satırın 3. hücresi

Yukarıda gördüğünüz gibi 2 satırlı ve 3 sutunlu bir tablonun 6 hücresi olmaktadır.
Tablo da satırın başladığını <tr> alt etiketiyle belirtiriz.
Tahmin ettiğiniz gibi tablonun satır bitişi </tr> ile belirtilir.



Sizinle önceki derslerimizde img etiketinin border özelliğini gördük diye hatırlıyorum.
Html etiketlerinin özelliklerini > den hemen önce belirtebiliriz.
<table border =1>
Bazı özellikler birçok html etiketinde geçerlidir. Örneğin border, height, width, color ....
Etiketlerin özellikleri yazılırken eşittir işaretinden sonra aldıkları değer belirtilir.
burada border özelliği 1 değerini almış.

Yukarıda resimde gösterdiğim htm kodunu elle yazıp çalıştırmanızı istiyorum.
<table border=1> şeklinde belirtirseniz tablonun çerçevelerini görürsünüz.
öbür türlü tablo davranışı elde etmiş olursunuz. Ama tablo görüntüsü olmaz.
Tablo davranışından kastım belli yazıları ekranın belli yerine yazdırmaktır.

Aşağıya bakarsanız tablo davranışı ifadesiyle neyi kasdettiğimi daha iyi anlayacaksınız.
1. satırın 1. hücresi 1. satırın 2. hücresi 1. satırın 3. hücresi
2. satırın 1. hücresi 2. satırın 2. hücresi 2. satırın 3. hücresi

Tablo dersimize bir dahaki hafta devam etme dileğiyle...
Ödeviniz
a) 3 satır 4 sutunlu bir tablo yapmak
b) 4 satır 1 sutunlu bir tablo yapmak
c) 1 satır 1 sutunlu bir tablo yapmak
d) 1 sutun 4 satırlı bir tablo yapmak

Bir dahaki dersimiz şunları işleyeceğiz inşaAllah.
tabloya ve hücrelere renk vermek
tablo ve hücrelere yükseklik ve genişlik vermek.
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://kadir-18.yetkinforum.com
 
html dersleri 8
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
www.kadir-18.yetkin-forum.com :: YAZILIM :: WEB TASARIM :: HTML DERSLERİ-
Buraya geçin: