Setelah mengetahui bagaimana sejarah dari HTML, sekarang Anda perlu tahu komponen-komponen yang terdapat pada HTML.
Secara umum HTML terdiri dari Tag, Elemen, dan Atribut.
Lebih detailnya, simak penjelasannya berikut ini:
1. Tag
Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana di dalamnya berisi nama tag.
Setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya.
Misalnya: <bold>. Tag tersebut akan meminta browser untuk menampilkan teks dengan format tebal.
Selain itu, tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup. Pada tag penutup ditambahkan garis miring (/) di depan nama tag.
Tag HTML sendiri awalnya hanya berjumlah 18. Hingga saat ini sudah ada lebih dari 250 tag. Banyak juga, ya. Namun, Anda tak perlu menghafal semua tag yang ada. Ada hanya perlu mengingat beberapa tag dasar berikut ini:
Tag Fungsi Tag
<html> Untuk memulai membuat halaman HTML yang mencakup semua konten dan elemen.
<head> Untuk membuat halaman HTML yang mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lainnya.
<title> Untuk membuat judul website
<body> Untuk membuat bagian isi website
<h1> <h2> sampai <h6> Untuk membuat bagian heading pada artikel
<p> Untuk membuat paragraf
<!– –> Untuk membuat komentar
2. Elemen
Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup.Contohnya:
<bold>Belajar HTML</bold>
Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu disebut nested elements.
Sebagai contoh, simak kode berikut:
<html>
<body>
<h2>Judul Heading</h2>
<p>Paragraf pertama artikel.</p>
</body>
</html>
Jika diperhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag <body> yang berisi elemen tag heading dan elemen tag paragraf.
3. Atribut
Atribut adalah informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen.
Misalnya,
<img src=”gambar.jpg” alt “Bunga Matahari.”>.
Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”.
Dari contoh di atas, dapat diketahui juga kalau jumlah atribut dalam sebuah tag bisa lebih dari satu. Meski demikian, tidak semua atribut bisa digunakan dalam sebuah tag. Berikut ini jenis atribut khusus beberapa tag:
Atribut Dapat digunakan pada Tag
src <img>, <embed>, <audio>, <iframe>
href <a>, <link>
action <form>
autoplay <audio>, <video>
Selain atribut khusus, ada beberapa atribut yang digunakan untuk menentukan aksi pada dilakukan jika terjadi sesuatu pada elemen. Misalnya , (onload) saat loading selesai, (onoffline) saat tiba-tiba offline, (onresize) ukuran jendela. Atribut tersebut disebut dengan atribut event.
Atribut tersebut nantinya akan diimplementasikan dengan pemrograman Javascript. Sehingga halaman website dapat melakukan aksi tertentu.
Hello everyone. First of all, thank you for giving me permission to introduce myself. My name is Isyaau Akhsanil Khakim and you can call me Isya. I’m 21 years old and I come from Ngawi.
Tidak ada komentar:
Posting Komentar