cara Membuat tabel dan list pada html
Cara Membuat tabel dan list pada html
Salam Dan Bahagia
A. Pendahuluan
Kali ini saya akan memberikan tutorial yaitu bagaimana sih caranya membuat tabel dalam html nah langsung saja dibaca dan dipahami
B. Latar Belakang
Karena dalam website biasanya terdapat informasi berbentuk tabel atau daftar,nah maka dari itu bagaimana cara membuatnya
C. Maksud dan tujuan
agar dapat membuat dan paham tabel dalam html
D. alat dan bahan
Sublime text
laptop
web browser
E. Jangka waktu yang dibutuhkan
5-12 menit
F. Langkah Kerja
Sebuah tabel selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Tentunya HTML memiliki elemen untuk membuat baris dan kolom dari sebuah tabel, tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu. Pembuatan tabel dimulai dari inisialisasi tabel, menggunakan elemen table. dan selanjutnya, kita dapat menambahkan baris ke dalam tabel tersebut dengan menggunakan elemen tr. Dan setiap baris dari tabel tentunya harus diisikan dengan data, yang akan menghasilkan kolom tabel. Pengisian data pada tabel dilakukan dengan menggunakan elemen td.
Meskipun terlihat sederhana, pembangunan tabel yang telah kita lakukan sampai sejauh ini masih merupakan sebuah tabel yang hanya menyimpan data. Data yang disimpan dan ditampilkan sendiri tidak memiliki strukutr, sehingga tidak terdapat organisasi data yang baik. Pengorganisasian data yang baik dan benar pada sebuah tabel HTML akan sangat membantu kita dalam mengembangkan aplikasi web, terutama jika tabel yang ingin dibangun harus bersifat dinamis.
Berikut contoh untuk membuat tabel dalam html :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tabel</title>
</head>
<body>
<h1>Tabel</h1>
<table border="1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Sekolah</th>
</tr>
<tr>
<td>1</td>
<td>Zaen</td>
<td>SMK TAMANSISWA</td>
</tr>
</table>
<ul>
<li>Jogja</li>
<li>Semarang</li>
<li>jombang</li>
</ul>
</body>
</html>
hasilnya :
G. Kesimpulan
Jadi dalam pembuatan tabel dan list pada html kita membutuhkan tag html antara lain <tr>,<th> dan <ul>, <li>
H. Referensi
www.w3school.com
Sekian yang dapat saya sampaikan mohon maaf bila ada kesalahan dalam penulisan mauun tatabasa, sekian dan terima kasih
Wassalamu'alaikum Wr.Wb
