Pada kali ini kita akan belajar tentang elemen dan atribut pada HTML. Pada pembahasan sebelumnya kita telah mengenal atau mempelajari tentang tag-tag dasar HTML. nah, sekarang kita akan mempelajari apa itu elemen dan seperti apa elemen itu ?
Elemen adalah segala sesuatu yang ditulis diantara tag pembuka dan tag penutup. Biar ga bingung saya sertakan contohnya :
<p>Ini adalah tag paragraf.</p>
<p> = tag pembukaOh iya hampir lupa, setiap tag itu mempunyai tag penutup seperti contoh diatas. Akan tetapi ada beberapa tag yang tidak punya penutup, seperti : <br>. Yang lainnya menyusul, saya yakin nanti kalian akan tau sendiri kalau sudah bisa HTML.
ini adalah tag paragraf = elemen
</p> = tag penutup
Sintak diatas adalah contoh 1 elemen. Sekarang saya akan membuat sintak HTML yang berisi 5 elemen.
<!doctype html>Contoh diatas yaitu sintak yang berisi 5 elemen, yang mana sajakah elemen itu ?? mari kita lihat di TeKaPe hihihi...
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web</h1>
</body>
</html>
Yang ke satu, Tag <html> itu elemennya yang ada dibawah ini :
<head>Yang ke dua, Tag <head> elemennya yang ada di bawah ini :
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web</h1>
</body>
<title>Web Pertamaku</title>Yang ke tiga, Tag <body> elemennya yang ada dibawah ini :
<h1>Hello World!, This is my first web</h1>Yang ke empat, Tag <title> elemennya yang ada dibawah ini :
Web PertamakuYang ke lima, Tag <h1> elemennya yang ada dibawah ini :
Hello World!, This is my first webNah itu dia elemen tersebut. Jangan lupa tag penutupnya ya sobat, untuk membiasakan kita rapih dalam coding. Sebenarnya HTML akan memaafkan jika kita lupa menutupnya salah satu, akan tetapi jika kita sudah berurusan dengan web design nanti terhat sekali perbedaannya. Maka dari itu kita biasakan coding dengan rapih. Oke lanjut, sekarang mari kita bahas tentang Atribut.
Atribut adalah suatu informasi tambahan untuk elemen berada didalam tag pembuka atau berada dalam tanda "< >". Setiap atribut mempunyai nilai atau value. saya berikan contoh :
<a href="http://www.chakra-media.tk">Chakra media.tk</a>href inilah yang disebut atribut dan http://www.chakra-media.tk itu adalah nilainya atau value. Jangan pakai tanda kutip satu atau dua agar terbiasa, sebenarnya tanpa kutip juga bisa, tapi lebih susah ketika dalam satu tag ada beberapa atribut.
Silakan sobat coba HTML ini untuk latihan :
<!doctype html>Mungkin cukup sekian tutorial dari saya mengenai elemen dan atribut. Jika ada yang kurang berkenan dihati sahabat silakan berkomentar, untuk koreksiannya.
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web.</h1><br/>
<p>Silakan klik link ini
<a href="http://www.chakra-media.tk">Chakra media.tk</a>
</p>
</body>
</html>
Terima kasih telah membaca postingan ini, semoga bermanfaat :).
0 komentar