Mohon tunggu...
Gealsyah Aulia Hasim
Gealsyah Aulia Hasim Mohon Tunggu... mahasiswa

Hobi membaca

Selanjutnya

Tutup

Pendidikan

Pembuatan Basic Table dan Table Rows dengan Menggunakan HTML

30 Oktober 2024   23:27 Diperbarui: 2 November 2024   16:24 194
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik

HTML memiliki elemen yang dapat membantu dalam pembuatan sebuah tabel. Contohnya basic table dan table rows. Tujuan penulisan ini adalah untuk memberikan tutorial bagaimana cara menggunakan elemen dari HTML tersebut. Elemen ini membantu pengguna dalam mempraktekkannya menjadi lebih mudah. Masuk pada pembahasan yang akan saya bahas dalam penulisan ini yaitu sebagai berikut.

1. Basic Table

  • Saya memerlukan data berupa nama,umur dan alamat dua mahasiswa sehingga saya mengganti bagian-bagian tersebut. Seperti pada gambar berikut ini.

Sumber: W3schools.com
Sumber: W3schools.com
  •  Selanjutnya saya mengganti dan memasukkan data yang saya peroleh, seperti pada gambar berikut.

                                                                                     

Sumber: W3schools.com
Sumber: W3schools.com

                                                                                   

Sumber: W3schools.com
Sumber: W3schools.com
  • Terbentuklah basic table yang saya inginkan, seperti pada gambar berikut.

output

Sumber: W3schools.com
Sumber: W3schools.com

2. Table Rows

  • Sama seperti cara yang pertama pada materi basic table, saya memerlukan data penjualan puding selama 1 bulan, dengan menggunakan elemen dari HTML ini maka akan membantu saya memperoleh data yang diperlukan. contohnya seperti pada gambar berikut.

                                                                                  

Sumber: W3schools.com
Sumber: W3schools.com

               

Sumber: W3schools.com
Sumber: W3schools.com
  • Terbentuklah table rows setelah saya memasukkan data-data yang saya peroleh.  Seperti pada gambar berikut.

                                                                                    output:

HALAMAN :
  1. 1
  2. 2
Mohon tunggu...

Lihat Konten Pendidikan Selengkapnya
Lihat Pendidikan Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun