Sebelum melanjutkan ke tutorial berikutnya tentang HTML. Penting sekali kita memahami tentang Tag, Elemen dan Atribut. Ketiganya (Tag, Elemen dan Atribut) adalah hal dasar yang membentuk dokumen HTML.
Apa yang dimaksud dengan Tag HTML?
Baik, kita mulai dari Tag. Tag adalah kode yang digunakan untuk memperkenalkan kepada web browser tentang untuk apa teks html ditulis, apakah untuk heading, paragraf, list, table dan lain sebagainya. Seperti layaknya penanda. Penanda digunakan menandai awalan dan akhiran sebuah elemen. Penulisan nama tag diapit dengan kurung siku (<…>).
Contoh tag HTML diantaranya adalah <p>, </a>, <body>, <head>, dan sebagainya. Tag HTML terdiri dari tag pembuka sebagai tanda awal sebuah elemen dan tag penutup untuk mengakhiri sebuah elemen. Tag penutup, cirinya ada garis miring didepan nama tag, contoh: </p>, </i>, </div>, dan sebagainya. Sedangkan tag pembuka tidak memiliki garis miring.
Apa yang dimaksud dengan Elemen HTML?
Sebelumnya kita sudah membahas tentang Tag HTML yang memiliki tag pembuka dan tag penutup. Baris kode HTML yang lengkap dari tag pembuka sampai dengan tag penutup itulah yang disebut dengan satu elemen. Contoh elemen p berikut ini.
1 |
<p>Belajar HTML bersama SolusiLain.Com</p> |
Elemen HTML dapat dibuat bersarang (nested). Artinya, sebuah atau beberapa elemen dapat berada di dalam elemen lainnya. Contoh:
1 2 3 4 5 |
<table> <tr> <td>Alexander Paijo</td> </tr> </table> |
Dari contoh di atas, kita dapat melihat bahwa elemen td berada di dalam elemen tr, dan elemen tr berada di bawah elemen table. Namun ada juga elemen yang tidak dapat dibuat bersarang (nested). Elemen yang tidak dapat dibuat bersarang adalah elemen yang tidak memiliki tag penutup, seperti hr, img, input dan sebagainya. Karena secara aturan di HTML bahwa elemen yang tidak memiliki pasangan penutup tidak bisa menjadi induk elemen yang lainnya.
Apa yang dimaksud dengan Atribut?
Selain tag dan elemen, terdapat istilah Atribut. Atribut adalah bagian dari elemen yang melengkapi elemen tersebut. Atribut digunakan sebagai pelengkap yang dituliskan pada tag pembuka dengan tujuan untuk meberikan informasi lebih kepada web browser. Informasi yang dimaksud dapat berupa perintah untuk memberikan format seperti perataan teks, warna, ketebalan dan sebagainya. Penulisan Atribut di dalam tag pembuka terdiri dari 2 bagian yaitu nama dan nilai. Format penulisan atribut yang benar adalah nama_atribut=”nilainya”. Nilai atribut dapat diapit dengan petik ganda maupun petik tunggal.
Contoh Penggunaan Atribut:
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>Contoh Penggunaan Atribut</title> </head> <body> <h1 align="center">Selamat datang di SolusiLain.Com</h1> </body> </html> |
Perhatikan pada baris :
1 |
<h1 align="center">Selamat datang di SolusiLain.Com</h1> |
- h1 adalah nama tag heading 1
- align adalah nama atribut
- center adalah nilai dari atribut align
Penulisan atribut hanya ada pada tag pembuka dan tidak perlu ditulis pada tag penutup. Tidak semua tag harus memiliki atribut dan atribut pada masing-masing tag dapat berbeda satu sama lainnya.