TurkProgrammers.NeT
Ana sayfa Ana Sayfa | Ana sayfanız yapın | Sık kullanılanlara ekle | Rss/Rdf Besleme| JavaScript
Bölümler
Arşiv
paz sa ça cu cum pa
1234
567891011
12131415161718
19202122232425
262728293031

Mailinizi ekleyin
Haberlere abone olun:

anket: Web Programcılığının Geleceğini nasıl görüyorsunuz
Web Programcılığının Geleceğini nasıl görüyorsunuz?
Önü Fazlası ile açık
ilerde yapacak web sitesi kalmayacak
Hazır sistemler işleri iyice bitirecek
Bugünden daha kötü olamaz
Anket sonuçları | Eski Anketler


email Arkadaşınızın maili | print Yazıcı versionu | comment Yanıtlar (0 Gönder)

Tablolar ile Çalışmak

by Mr. CanaWar on Temmuz 25,2007

image

Web sayfamıza tablo eklemek için kullandığımız etikettir. Tablolar profesyonel web sayfalarının ayrılmaz öğelerindendir. Web üzerinde kullanılan tüm tablolar satırlar ve bu satırların içerisindeki sütunlardan oluşur. Bu etiket ile birlikte kullanılan kodları aşağıda tanımladım

Table etiketi yardımcı kodları

Girilecek Kod

Görevi

border = "değer"

Tablonun kenarlığının varlığını belirler.

width = "değer"

Tablonun genişliği belirlenir.

height = "değer"

Tablonun yüksekliği belirlenir.

bgcolor = "renk"

Tablonun zemin rengi belirlenir.

cellpadding = "değer"

Tablo gözeleri içindeki öğelerin tablo kenarlıklarına uzaklığı belirlenir.

cellspacing = "değer"

 

Bu kodları verdikten sonra basit bir tablo örneği vermek istiyorum. Verdiğim örnekte table etiketi dışında başka etiketlerde kullandığıma dikkat edin






Burada bir yazı varBurası da başka bir göze.

Burada bir yazı var

Burası da başka bir göze.

Yazdığım kodları dikkatli bir şekilde incelemişseniz, ile satır başlangıcı ve ile sütun başlangıcı yaptığımızı fark etmişsinizdir. Yani her etiketi bize bir satır açar ve biz etiketi ile bu satıra sütunlar yerleştiririz. Daha sonra etiketi ile satır bitirilir. Yukarıdaki tabloya bir satır daha eklemek için aşağıdaki gibi bir kod kümesi kullanırız











Burada bir yazı varBurası da başka bir göze.
İkinci satırın ilk sütunuİkinci satırın ikinci sütunu

Burada bir yazı var

Burası da başka bir göze.

İkinci satırın ilk sütunu

İkinci satırın ikinci sütunu

Yukarıdaki kod kümesi bize iki satırlı bir tablo verecektir. etiketi ile birlikte width, bgcolor gibi özelliklerin kullanılabildiğine dikkat edin.

Peki ya iki sütunluk bir satır ya da iki satırlık bir sütun yapacaksak nasıl yapacağız? Aşağıdaki kodları incelerseniz sorunuza cevap bulabilirsiniz






















Burada bir yazı varBurası da başka bir göze.
İkinci satırın ilk sütunuİkinci satırın ikinci sütunu


Tablomuz iki sütunluk olmasına rağmen, burada iki sütunluk bir satır var.

Burası iki satırlık bir sütun.Burası ilk satır.
Burası da ikinci satır.

Burada bir yazı var

Burası da başka bir göze.

İkinci satırın ilk sütunu

İkinci satırın ikinci sütunu

Tablomuz iki sütunluk olmasına rağmen, burada iki sütunluk bir satır var.

 

Burası iki satırlık bir sütun.

Burası ilk satır.

Burası da ikinci satır.

Yukarıdaki örneklerde tabloda kenarlıkların görünüp öğretici olması için border=”1” kodunu kullandım. Sayfalarınızda gerekmedikçe kenarlık kullanmamanız sayfanızın görünümü açısından iyi olacaktır


225 Kere okundu

Bu makaleyi beyendinizmi ?

1 2 3 4 5 Rating: 5.00Rating: 5.00Rating: 5.00Rating: 5.00Rating: 5.00 (Toplam 3 Oylar)
comment Yanıtlar (0 Gönder)
Çok okunanlar
En Çok Yorumlananlar
Yazarlar