Cara membuat tabel pada html beserta style
Oke di materi hari ini saya akan berikan contoh membuat tabel, sebelumnya harus tau dulu yahhh materi yang sebelum sebelumnya agar mengerti disini.
Oke brooo saya akan jelaskan yahhhh
Nahh langsung saja yahhh saya jelasin materinya...
<!DOCTYPE html>
<html>
<head>
<title>JUDUL WEB</title>
</head>
<body>
<h1>HELLO GAIS</h1>
<table border="5px" width="600px">
<div>
<tr align="center">
<td>Kolom Satu</td>
<td>Kolom Dua</td>
<td>Kolom Tiga</td>
</tr>
</div>
</table>
</body>
</html>
oke itu contohnya tinggal copy dan edit hehe...
sebelum saya jelasin saya lihatkan hasilnya
Membuat tabel, dari namanya sudah tabel berarti codingnya juga table yaitu <table></table>, ohhh iya sebenarnya table juga harus ada buat belokingnya yaitu <tr> yang artinya hanya untuk baris dan <td> untuk kolom.Kesimpulanya <tr> baris dan <td> kolom... misalnya saya akan tunjuk kolom dua yang ada di contoh gambar hasil... berarti kolom dua menunjukan bahwa itu adalah <tr> pertama dan <td> kedua atau Baris pertama dan Kolom kedua.
Oke mungkin ada yang bingung apa itu fungsi border="5px" width="600px" yang ada di dalam TABLE, Jadi kesimpulanya itu adalah style atau coding setingan oke langsung ke fungsinya saja.
Jadi border itu adalah buat mengukur ketebalan garis tabel dengan ukuran pixel yang di singkat jadi PX, sedangkan WIDTH Itu untuk ukuran ke samping dan untuk ukuran ke bawah adalah HEIGHT.
Nah ada satu lagi yang di dalam <tr> adalah aligen="Center", Fungsi dari align adalah Menentukan Posisi dan Center adalah tengah, Selain center ada juga right dan left.
Oke mungkin segitu saja penjelasan cara membuat tabel, semoga bermanfaat SKUYYY....
Komentar