Supaya lebih mudah saat mendesain web menggunakan HTML maka kita harus bisa menggunakan tag – tag HTML dengan baik. Berikut ini kami telah rangkumkan beberapa tag HTML yang bisa kamu pelajari dan langsung dipraktekan sendiri.
3Tag HTML beserta Fungsi dan Contohnya Tag table Tag Style Tag Formating Tanpa panjang lebar langsung saja inilah beberapa tag HTML dasar yang sering diaplikasikan untuk mendesain website beserta fungsi dan contoh penggunaannya supaya kamu mudah memahaminya.
° Tag Tabel
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: