Tabel Data Berbentuk Kotak Dengan Baris Dan Kolom Yang Berisi Perhitungan – Tabel sering digunakan pada halaman web untuk menampilkan data yang tersusun dalam kolom dan baris, seperti laporan, daftar pembukuan, dan sebagainya. Komponen utama tabel adalah baris, kolom, sel, dan batas (garis).
Baris adalah bagian horizontal dari tabel. Pada contoh gambar di atas, tabel memiliki 5 baris. Kolom adalah bagian tabel vertikal (atas ke bawah). Pada contoh gambar di atas, tabel memiliki 6 kolom. Sel adalah kotak dalam tabel. Pada gambar di atas, ada 30 sel dalam tabel. Border adalah garis yang membentuk tabel.
Tabel Data Berbentuk Kotak Dengan Baris Dan Kolom Yang Berisi Perhitungan
Penjelasan: Jika kode di atas kita buka di web browser, tampilan tabel yang dihasilkan oleh kode tersebut tidak seukuran tabel. Biasanya tabel memiliki batas, yang tidak terjadi pada percobaan di atas. Ini karena perbatasan tidak ditampilkan secara default. Lihat juga Cara membuat daftar dalam HTML.
Kartu Soal Spreadsheet
Kita akan mempelajari CSS lebih lanjut di CSS Content, tapi khusus untuk mengaktifkan border untuk konten karena itu sangat diperlukan untuk membuat konten lebih mudah dipahami untuk membuat tabel di HTML, jadi kita akan menambahkan CSS ke elemen harus ditambahkan.
Baris ke 5 sampai ke 7 berisi CSS yang digunakan untuk menampilkan atau mengaktifkan border pada tabel. Saat dibuka di browser web, tabel memiliki 3 baris, 4 kolom, dan 12 sel.
Jumlah baris ditentukan oleh jumlah elemen
Tag
Materi Semester Excel
Penjelasan Kode: Baris 12 sampai 15 menggunakan tag
Tag
dan | memiliki properti khusus yang dapat digunakan untuk mengatur tabel. Atribut yang populer dan masih didukung di HTML5 adalah colspan dan rowspan. Atribut Colspan dan Rowspan memiliki fungsi yang mirip dengan fungsi Merge pada Microsoft Word, yaitu untuk menggabungkan sel pada tabel HTML.
Atribut Rowspan digunakan untuk menggabungkan beberapa baris menjadi 1 kolom. Atribut ini merupakan atribut khusus untuk tag | dan | . Nilai atribut ini adalah jumlah baris yang ingin Anda gabungkan sebagai angka.
Penjelasan Kode: Menggunakan Rowspan=”3″ pada baris ke-22 berarti ada 3 baris yang ingin Anda gabungkan. Rowspan ditempatkan pada baris pertama karena kita menggabungkan baris 1 sampai 3. Menggunakan Google Spreadsheet Untuk Membandingkan Capaian Rata Rata Lama Sekolah Kabupaten/kota Di Kepulauan RiauAtribut colspan digunakan untuk menggabungkan beberapa kolom menjadi satu baris. Atribut ini juga untuk tag | dan | . Seperti rowpan, nilai atribut ini adalah jumlah kolom yang ingin Anda gabungkan.
Penjelasan Kode: Pada baris 34 kita menggunakan atribut colspan untuk merentangkan 2 kolom dari kolom 2 ke kolom 3. Selain Rowspan dan Colspan, ada beberapa atribut populer lainnya yang tidak lagi didukung di HTML5. Itu sebabnya kami tidak membahasnya secara mendalam. Usang berarti usang, artinya atribut tersebut tidak lagi didukung dalam HTML5 dan harus ditinggalkan. Berikut ini adalah fitur yang tidak digunakan lagi: Penyajian Data 1. Dengan Tabel 2. Dengan Diagram.Tag , |
---|