Bismillahirrahmanirrahim, Assalamu’alaikum Warahmatullahi Wabarakaatuh
Hai Sobat IOTkece, Bagaimana Kabarnya ? Kali ini kita akan belajar tentang struktur dari HTML. Struktur ini berfungsi untuk mempermudah kita dalam menuliskan atau membaca code HTML yang telah kita buat.
Langsung saja kita mulai,
1.Buka Text Editor Atom dan Buat File dengan format .html. Jika belum mengerti cara membuat file dengan format .html klik link di bawah ini
Baca Juga : Cara Membuat File HTML
2. Setelah selesai membuat file tuliskan kode dibawah ini pada file index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html>
Kita bedah satu persatu dari code code HTML di atas
Element HTML
Element HTML adalah satu kesatuan utuh mulai dari tag pembuka sampai tag penutup, seperti contoh berikut
Element HTML
Mendefinisikan bahwa code yang digunakan adalah HTML
<html></html>
Element Head
Mendefinisikan bahwa ini adalah bagian dari heading
<head></head>
Element Meta
Mendefinisikan jenis meta yang digunakan
<meta charset="utf-8">
Element Title
Mendefinisikan judul yang digunakan
<title></title>
Element Body
Mendefinisikan bahwa pada bagian ini adalah body dari halaman html
<body></body>
Tag
Tag adalah bagian dari Element, ada 3 jenis tag : tag pembuka, penutup dan self closing tag
Tag Pembuka
<html> <body> <title>
Tag Penutup
</html> </body> </title>
Self Closing Tag
<meta charset="utf-8">
Atribute
Atribut adalah informasi tambahan yang ditulis pada tag pembuka. Fungsi atribute sangat banyak sekali tergantung jenis dan nilai yang dimasukan pada bagian atribut. Berikut adalah contoh dari atribut
<meta charset="utf-8">
Yang dimaksud atribute ada code diatas adalah pada bagian charset=”utf-8″ itu adalah atribute
DOCTYPE /DTD (Document Type Declaration)
Adalah keterangan yang berisi aturan penulisan yang sedang digunakan pada file html tersebut,
<!DOCTYPE html>
Selamat mencoba sobat, ceritakan pengalaman sobat di kolom komentar yaaa. Dan jangan lupa bagikan ke teman atau saudara sobat yang membutuhkan informasi ini
Terimakasih, Wassalamualaikum Warahmatullahi Wabarakatuh
“Semakin Kamu Mendalami Ilmu Semakin Merasa Haus Akan Ilmu Tersebut”
#IOTkece