HERKONU FORUM SİTESİ

Herkonu Forum Sitesi'ne Hosgeldiniz.



Ailemize katilmak ister misiniz ? glsme

HERKONU


    Tabela [örnekleri ve olusturma Tarifi] HTML dersi

    Paylaş

    Misafir
    Misafir

    Tabela [örnekleri ve olusturma Tarifi] HTML dersi

    Mesaj tarafından Misafir Bir C.tesi 16 Şub. 2008, 5:20 pm



    Basit Tabelalar 1



    Basit Tabela yapimi (1)

    Sagdaki isaret || bir sira icinde olunca yeni bir Tabela-Hücresi basgancini ayarlar.


    Bu Tabelada görebilmeniz icin bir cerceve kullanildi, fakat bu cerceveye 0 verebilirsiniz.
    Örnek: || border=1 (görünür cerceve) boder rakami ne kadar büyük olursa cercevede o kadar kalin olur
    Örnek: || border=0 (görünmez cerceve)

    Örnek1. Basit Tabela.


    || border=1
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||

    Asagidaki Tabelayi olusturur:

    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3




    Başlik yaratmak icin basina ! isareti koymak gerekiyor: || border=1

    ||! Hücre 1 ||! Hücre 2 ||! Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||

    şekil:

    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3


    Hücre icindekileri yönlendirme

    Hücre icindekileri sola, ortaya veya saga yönleyebilirsiniz.


    • Hücre icindekileri sola yönlendirmek icin, bu isaretin yanina koyun ||
    • Hücre icindekileri ortalamak icin saga ve sola bir bosluk birakin.
    • Hücre icindekileri saga yönlendirmek icin, önce bir bosluk birakin ve bu isaretin yanina koyun ||



    Örnek 2. Hücre icindekileri Degistirme veya Yönlendirme.


    Markup: || border=1 width=100%
    ||!Hücre 1 ||! Hücre 2 ||! Hücre 3||
    ||solda || ortada || sagda||



    Asagidaki Tabelayi olusturur:

    Hücre 1
    Hücre 2

    Hücre 3

    sola bitisik
    ortada

    saga bitisik


    Örnek 3. Hücre icindekileri Standart-Yönlendirme.


    Markup: || border=1 width=100%
    ||!Hücre standart||!Hücre solda ||
    ||Standattan sonra bitisik||sola bitisik ||


    Asagidaki Tabelayi olusturur:

    Hücre standart

    Hücre left
    Standart'tan sonra bitisikSolda bitisik

    Baslik Hücreler ve Tek Hücrelerin ön-ayarlari vardir.


    En son Nemo tarafından Çarş. 20 Şub. 2008, 12:38 pm tarihinde değiştirildi, toplamda 4 kere değiştirildi

    Misafir
    Misafir

    Basit Tabelalar 2

    Mesaj tarafından Misafir Bir C.tesi 16 Şub. 2008, 6:09 pm

    Basit Tabelalar 2



    Basit Tabela yapimi (2)


    Tabela Bilgileri: Her || ile baslayan ama || ile bitmeyen Sira, sonraki tabala'nin formatini beller. Bu Bilgiler Format'larin Kenarlarini (border), genisligi (width), Yönlendirme (alignment), Arkaplan-Rengi (bgcolor) Cellpadding ve Cellspacing ayarlar

    Genislik (Width) 100 (%) delik veya Pixel olarak verilebilir. Renkler Inglizce veya kod olarak verilebilir Örnek: #rrggbb
    (Bilgi: Her zaman rgb-Rakamlari kücük harflerden olusmali --mesela, #ff0000 olmali, asla #FF0000 gibi büyük harfler olmamali. Bu kod kirmizi icin)


    Örnek 1. Cerceve ve Yönlendirme.


    Bu isaretler:
    || border=10 align=center
    || Hücre 1 || Hücre2 || Hücre 3 ||
    || Hücre 1 || Zelle 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:


    Hücre 1Hücre 2Hücre 3
    Hücre 1Zelle 2Hücre 3


    Örnek 2. Renk vermek.


    Bu isaretler:
    || border=1 bgcolor=red align=center
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:

    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3


    Örnek 3. Genisligi (%) lik olararak degistirme.


    Bu isaretler:
    || border=1 width=100% bgcolor=yellow
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:

    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3


    Örnek 4. Genisligi Pixel ve Rengi HTML olarak degistirme.


    Bu isaretler:
    || border=1 width=350 bgcolor=#cccccc align=center
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:


    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3


    Örnek 5. Cellpadding degistir.


    Bu isaretler:
    || border=1 width=350 cellpadding=10 align=center
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:


    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3


    Örnek 6. Cellspacing degistir.


    Bu isaretler:
    || border=1 width=350 cellspacing=10 align=center
    || Hücre 1 || Hücre 2 || Hücre 3 ||
    || Hücre 1 || Hücre 2 || Hücre 3 ||



    Asagidaki Tabelayi olusturur:


    Hücre 1Hücre 2Hücre 3
    Hücre 1Hücre 2Hücre 3

    Misafir
    Misafir

    resimli örnekler

    Mesaj tarafından Misafir Bir C.tesi 16 Şub. 2008, 7:08 pm



    En son Nemo tarafından Çarş. 20 Şub. 2008, 1:00 pm tarihinde değiştirildi, toplamda 11 kere değiştirildi

    Misafir
    Misafir

    Resim yönlendirme

    Mesaj tarafından Misafir Bir C.tesi 16 Şub. 2008, 11:17 pm

    Büyük resme ulasmak icin Tikla: <--- Bir hata var olmuyor! Zamanim olunca bakarim nemo

    Resimler



    Resim 1



    Resim 2



    Resim 3



    Resim 4


    Misafir
    Misafir

    Geri: Tabela [örnekleri ve olusturma Tarifi] HTML dersi

    Mesaj tarafından Misafir Bir Salı 19 Şub. 2008, 2:34 pm


    Tabela 1



    Istanbul:
    1
    Ankara:
    1
    Izmir:
    1
    222
    333
    444



    Tabela2




    Hücre 1Hücre 2Hücre 3
    Hücre 4Hücre 5Hücre 6





    Tabela 3 Cercevesiz



    Hücre 1Hücre 2Hücre 3
    Hücre 4Hücre 5Hücre 6
    Hücre 7Hücre 8Hücre 9
    Hücre 10Hücre 11Hücre 12





    Hücre 1Hücre 2





    Hücre 1Hücre 2
    Hücre 3Hücre 4





    Hücre 1.Hücre 2. Hücre 3.




    Hücre 1Hücre 2Hücre 3
    Hücre 4Hücre 5Hücre 6






    1 Hücreli tabela


    1 Hürceli Tabela


    Hücre 1Hücre 2Hücre 3

    Misafir
    Misafir

    Geri: Tabela [örnekleri ve olusturma Tarifi] HTML dersi

    Mesaj tarafından Misafir Bir Salı 19 Şub. 2008, 3:23 pm

    Yönlendirmeli Tabela

    sol ortaorta (center)sag orta
    sol altta(center) ortasag altta
    hepsi ...... (center) ...... orta

    Hücre 1Hücre 2
    Hücre 3Hücre 4

    Misafir
    Misafir

    Geri: Tabela [örnekleri ve olusturma Tarifi] HTML dersi

    Mesaj tarafından Misafir Bir Salı 19 Şub. 2008, 3:26 pm

    Ici renkli Tabela



    Hücre 1
    Hücre 2
    http://herkonu.yetkin-forum.com
    Hücre 3
    Hücre 4

    Hücre 5
    http://herkonu.yetkin-forum.com
    Hücre 6



    En son Nemo tarafından Çarş. 20 Şub. 2008, 1:02 pm tarihinde değiştirildi, toplamda 3 kere değiştirildi

      Forum Saati C.tesi 21 Tem. 2018, 6:51 pm