Membuat table Html

Penting HTML tag untuk tabel:

(membuka
dan menutup tabel)

(membuka dan
menutup baris tabel)

(membuka dan menutup sel tabel, dalam kolom)
Sebuah meja dengan satu baris dan satu kolom akan dibangun
dengan kode:
<table width="100%"
border=”0″>



Di sini Anda juga dapat melihat cara menggunakan beberapa atribut, seperti “lebar”, yang dapat mencapai nilai-nilai dalam pixel atau persen, dan
“perbatasan”, yang, jika diatur
ke “0” seperti dalam contoh di atas, akan menekan gambar
perbatasan sekitar sel tabel, sehingga membuat struktur
tabel tidak terlihat pembaca.
Sebuah meja dengan dua baris dan dua kolom dapat dibuat
dengan kode:
<table width="500"
border=”0″>



Seperti yang dapat Anda lihat dalam contoh ini, tabel memiliki properti berikut:

  • dua baris,
  • dua kolom,
  • lebar tabel tetap total 500 piksel,
  • tetap lebar kolom kiri: 200 piksel.
    Konten adalah dimasukkan ke dalam kolom, sedangkan baris memiliki prioritas yang lebih
    tinggi dan dimasukkan pertama. Sebagai contoh, jika
    kita ingin menyisipkan teks
    “BLOGGER” di baris pertama
    dari kolom kiri dari tabel di atas, kode tersebut akan terlihat
    seperti ini:
    <table width="500"
    border=”0″>

    BLOGGER



    HTML layout: tabel ini adalah CSS!
    Tabel dimaksudkan untuk menyimpan data tabular.
    Mereka tidak boleh digunakan untuk tujuan tata letak,
    meskipun mereka sedang banyak disalahgunakan untuk
    tujuan ini.
    Cara yang benar untuk posisi data Anda hari ini, tidak
    melalui tabel, tetapi melalui CSS. Jika
    Anda memutuskan untuk menggunakan tabel, Anda harus menggunakan header
    tabel sebenarnya dan memberikan ringkasan meja , karena alasan aksesibilitas.

    Iklan

    Tinggalkan Balasan

    Isikan data di bawah atau klik salah satu ikon untuk log in:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s