Apa itu rowspan?

Atribut ROWSPAN adalah fitur Hypertext Markup Language (HTML) yang memungkinkan sel tabel di halaman web untuk memperpanjang beberapa baris.HTML adalah salah satu cara utama di mana halaman web dibuat.Biasanya, browser web mendekode HTML yang dikirim oleh situs web dan menampilkan hasilnya pada layar komputer dalam format yang dapat dibaca.HTML menggabungkan konsep tabel untuk mengatur konten pada halaman.

Tabel memiliki beberapa baris dan kolom yang secara vertikal dan horizontal mengatur informasi.Saat menampilkan tabel HTML, orang sering ingin satu item konten tunggal untuk diterapkan atau disebarkan di beberapa baris.Dalam sebuah tabel, rowspan ' n ndash;di mana n adalah angka seperti 2, 3, dll. ndash;menunjukkan bahwa sel menyebar di atas banyak baris.

Pertimbangkan contoh di mana data penjualan ditampilkan sebagai tabel dengan tiga judul kolom: wilayah penjualan, orang yang mengepalai wilayah tersebut, dan jumlah penjualan.Wilayah Selatan memiliki perubahan kepala selama periode rekaman;Jumlah masing -masing harus dikaitkan dengan kedua orang.Kode berikut mencapai ini.; Penjualan lt;/th gt;

lt;/tr gt;

lt; tr gt;
lt; td gt; timur lt;/td gt;
lt; td gt; lewis lt;/td gt;
lt; td; td g g lt;/lt;/td gt;
lt; td; td; gt; lt;/tr gt;

lt; tr gt; lt; td rowspan ' 2 gt; selatan lt;/td gt; lt; td gt; lilian lt;/td gt; lt lt;; tr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1.300 lt;/td gt; lt;/tr gt;

lt; gt; lt; td gt; west;

lt; lt; lt; td; td gt; west;

lt; gt; lt; td; td gt; west;

lt; lt; tD gt; tD lt; tD lt;; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabel gt;
lt;/html gt;

dalam contoh ini, tabel dibuat.Wilayah judul, kepala orang, dan penjualan ditentukan diikuti oleh empat baris data.Setiap sel dalam tabel ditunjukkan oleh atribut Data Tabel (TD).Data untuk selatan melintasi dua baris, jadi, dengan menentukan ROWSPAN ' 2, kata selatan meluas di dua baris.Baris berikutnya hanya memiliki dua atribut TD dan bukan tiga seperti di semua baris lainnya.

Satu dapat menyalin kode ini ke dalam file teks dan membawanya ke browser untuk melihat efeknya.Ruang kosong telah ditambahkan dalam kode ini untuk dengan mudah mengidentifikasi kepala penjualan, tetapi tidak perlu.Berikut ini adalah contoh yang sedikit berbeda di mana satu orang, lilian, mengepalai dua wilayah: selatan dan barat.

lt; html gt;

lt; perbatasan tabel ' 1 gt;

lt; tr gt; lt; th gt; wilayah lt;/th gt;; lt; th gt; head lt;/th gt; lt; th gt; penjualan lt;/th gt; lt;/tr gt;

lt; tr gt; lt; td gt; timur lt;/td gt; lt; td; td; td; td gt; td; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt;Td gt; lt;/tr gt;

lt; tr gt; lt; td gt; selatan lt;/td gt; lt; td; 2 gt; lilian lt;/td; td; tD gt; gt; lilian lt;/td; td; td; td; 2 gt; lilian lt;/td; td; lt;/tr gt;

lt; tr gt; lt; td gt; barat lt;/td gt; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabel gt;

lt;/html gt;

Halaman web mungkin tidak perlu menampilkan data dalam bentuk tabel.Ini bisa memiliki header seperti nama dan logo perusahaan, satu atau lebih menu di atas atau di samping, informasi utama di tengah, dan sebagainya.Dalam membuat halaman web seperti itu, struktur tabel yang sering digunakan di bawahnya tanpa pembaca menyadarinya.Untuk memberikan efek yang mulus, atribut rowspan digunakan setiap kali beberapa konten menyebar di beberapa baris.

Orang mungkin ingin membuat halaman web pribadi, misalnya, yang mencakup tiga kolom informasi: keluarga, karier, dan komunitas.Setiap kolom dapat memiliki pengantar singkat, foto, dan detail.Untuk membuat halaman terlihat lebih baik, pita warna dapat digunakan di sepanjang sisi kanan.Dalam hal ini, fitur rowspan dapat digunakan untuk menunjukkan bahwa pita warna mencakup semua baris.