Tabel adalah tag di xhtml yang berada dalam situasi yang canggung. Bagian ini hanya tersedia untuk dipahami.
Sebelum CSS menjadi populer, meja banyak digunakan dalam posisi. Di XHTML, tabel tidak dianjurkan untuk diposisikan, dan W3C berharap bahwa CSS dapat menggantikan posisi <able> dalam posisi. Namun, pada kenyataannya, karena menggunakan tata letak CSS sering kali membutuhkan banyak pekerjaan kode tulisan tangan (perangkat lunak desain web umum seperti Dreamweaver tidak dapat dengan sempurna mendukung tampilan div), <able> masih digunakan oleh banyak situs web untuk menggunakan tata letak beranda, seperti halaman produk Google menggunakan tabel untuk diposisikan. Namun, saya pribadi menyarankan agar Anda mulai menggunakan CSS untuk menemukan halaman web, karena ini adalah arah pengembangan web. Tentu saja, mengganti tabel dengan CSS pada tahap awal dapat menyebabkan Anda banyak masalah.
Di XHTML, tag untuk membuat tabel adalah <able>. Saat menulis kode, pertama -tama kita harus menggunakan tag <tr> untuk membagi tabel menjadi baris dan baris, dan kemudian menggunakan tag <td> untuk membagi setiap baris menjadi kisi dan kisi. Membuat tabel dengan kode tulisan tangan lengkap sangat sulit dan tidak efisien, dan membuat tabel dalam perangkat lunak produksi halaman web sesederhana kata, Anda hanya perlu memilih atribut sederhana seperti baris dan kolom. Namun, kami dapat menemukan kemungkinan bahwa tabel yang dibuat secara otomatis tidak memenuhi persyaratan dan perlu disesuaikan dalam pola kode. Oleh karena itu, kita masih perlu memahami penulisan spesifik tag tabel XHTML.
Tag <able> dapat memiliki atribut perbatasan. Jika nilai atribut perbatasan tidak diatur, secara default, browser tidak akan menampilkan perbatasan tabel.
Mari kita buat label empat baris dan dua kolom, kode ini adalah sebagai berikut:
| <Border Table = 1> <tr> <td> Sebuah kisi </td> <td> Sebuah kisi </td> </tr> <tr> <td> Sebuah kisi </td> <td> Sebuah kisi </td> </tr> <tr> <td> Sebuah kisi </td> <td> Sebuah kisi </td> </tr> <tr> <td> Sebuah kisi </td> <td> Sebuah kisi </td> </tr> </boable> |
Hasilnya ditampilkan sebagai berikut: Perhatikan kode di atas, ada 4 pasang <tr>, sesuai dengan 4 baris berikut. Dan tanpa <tr> (baris), ada dua sel <td>. Jadi itu menjadi tabel 4 baris dan 2 kolom.
| Kisi -kisi | Kisi -kisi |
| Kisi -kisi | Kisi -kisi |
| Kisi -kisi | Kisi -kisi |
| Kisi -kisi | Kisi -kisi |
Tabel seperti itu cukup untuk daftar informasi seperti data, tetapi tabel yang digunakan untuk menemukan biasanya lebih rumit. Sekali lagi, kami tidak merekomendasikan menggunakan tabel untuk penentuan posisi, jadi kami hanya akan memperkenalkan secara singkat <able> di sini.