No | Nama Tag | Fungsi |
1 | <table> | Membuat tabel pada web |
2 | <tr> | Membuat baris pada tabel |
3 | <td> | Membuat kolom pada tabel |
4 | <th> | Membuat judul pada kolom. Contohnya nama, kelas, dan alamat. |
5 | <caption> | Membuat judul tabel |
6 | border | Mengatur garis tabel |
7 | border-collapse | Mengatur batas garis tabel |
8 | padding | Mengatur padding pada cell |
9 | text-align | Mengatur perataan pada konten tabel |
10 | border-spacing | Mengatur jarak spasi garis tabel |
11 | colspan | Menggabungkan beberapa kolom. Kalau di office disebutnya Merge Cell |
12 | rowspan | Menggabungkan beberapa baris |
13 | id | Memberikan id pada tabel atau kolom |
Contoh penggunaan :
<!doctype html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding: 5px;
}
table {
border-spacing: 15px;
}
</style>
</head>
<body>
<h2>Tempat</h2>
<p>Yaudha jadi gimana ini.</p>
<table style="width:100%">
<tbody>
<tr>
<th>Nama Pertama</th>
<th>Nama trakhir</th>
<th>Umur</th>
</tr>
<tr>
<td>Yakon</td>
<td>rahh</td>
<td>29</td>
</tr>
<tr>
<td>tejo</td>
<td>rusdi</td>
<td>24</td>
</tr>
<tr>
<td>babah</td>
<td>Damar</td>
<td>37</td>
</tr>
</tbody>
</table>
<p>Selamat menunaikan ibadah.</p>
</body>
</html>
HASIL :
°Tag Style
No Nama Tag Fungsinya
1. style atribut untuk elmen Styling di HTML
2. Text-align mengatur perataan text
Contoh penggunaannya :
<!doctype html>
<html>
<head></head>
<body>
<h1 style="text-align:center;">Burjan</h1>
<p style="text-align:center;">Bergaya.</p>
</body>
</html>
HASIL:°TAG FORMATING
NO NAMA TAG FUNSINYA
1. <b> Membuat text tebal
2. <i> Membuat text miring
3. <sub> Text subscript
4. <sup> Text superscript
Contoh penggunaannya :
<!doctype html>
<html>
<head></head>
<body>
<p><b>Ini budi</b></p>
<p><i>Ini bapak budi</i></p>
<p>Dan ini<sub> teman</sub> dan<sup>temanya</sup></p>
</body>
</html>
HASIL: