#3 Tag Struktur HTML, html, head dan body

Assalamualaikum Wr. Wb

Baik, lanjut lagi. Setelah pembahasan sebelumnya kita sudah bisa membuat file HTML dan kita juga sudah mencoba menjalankannya di browser sekarang kita lanjut materi tentang tag struktur pada HTML yaitu html, head dan body

Nah jadi satu file HTML adalah satu file dokumen. Yahh pahami dulu kata kata tersebut

Kenapa saya bilang begitu, karena satu buah file HTML adalah satu halaman dokumen. Untuk lebih jelasnya sebagai berikut

Sebelumnya kan, kita membuat file HTML yang dimana ketika kita jalankan di browser menampilkan sebuah heading yaitu "Hello HTML". Nah tampilan yang kita lihat tersebut adalah ibarat satu halaman / dokumen HTML

Nah selanjutnya, untuk mengenal tag html, head dan body. Saya sering mengibaratkan sebuah halaman HTML itu mirip seperti sebuah surat

Nah coba, lihat contoh surat seperti berikut, dan kita coba bagi menjadi beberapa bagian. Sesuai dengan fungsi bagian tersebut

P.S. : Lihat Petunjuk Berdasarkan Garis

Kalau diibaratkan seperti HTML, maka akan seperti berikut

P.S.: Dalam HTML setiap tag itu membuat sebuah area atau ibarat kotakan. Yah seperti contoh area pada gambar surat diatas

Lalu jika kita coba implementasikan ke sebuah kode HTML, maka akan seperti berikut

<html>
   <head>
      <!-- Ini Header -->
   </head>
   <body>
      <!-- Ini Body -->
   </body>
</html>

Nah lalu coba kita breadkdown. berdasarkan fungsi masing masing

html, nah seperti contoh surat diatas. Tag html itu kita ibaratkan adalah sebuah kertasnya dalam surat. Jadi yang membungkus semua ibaratnya. jadi kita ibaratkan seperti surat, kita akan menulis semua kode html nantinya di dalam tag html
head, lalu untuk tag head berfungsi untuk menyimpan data data penting yah kayak contoh surat diatas, dimana kita menulis kode pos, instansi dsb di dalam kepala surat. Nah kalau di html, kita menulis data data penting seperti, meta, link rel, title dll di dalam tag head. Dan biasanya apa yang kita tulis di dalam tag head, itu tidak akan ditampilkan di halaman web
body, nah untuk tag body itu digunakan untuk menulis semua kode HTML yang nantinya akan kita tampilkan ke dalam web browser, seperti menulis heading, paragraf, list, gambar dll. Lihat contoh berikut, jadi semua elemen yang ada di dalam kotakan merah. Kita tulis di tag body

Nah, jadi intinya seperti itu, untuk tag html, head dan body. Nah berikut contoh struktur html yang bisa teman teman coba praktikan

P.S. Ohh yah, untuk penulisan kode diatas. Sebaiknya buat file baru lagi, jadi nanti ter tracking praktik nya. Nanti kalau lupa bisa kembali ke file file sebelumnya

Mungkin timbul pertanyaan nih dari temen temen. Kemarin praktik pertama, langsung nulis heading dengan tag h1, kok tidak error, tetep jalan seperti biasa

Yahh, kita analogikan seperti sebuah surat. Bisa tidak ketika kita menulis surat, to the point langsung kayak misal, halo, hai, apa kabar dll. Iyapps itu bisa, html pun bisa melakukan seperti itu. Tetapi kan, kita membuat kode html yang rapi, resmi dan clean. Jadi kita harus menerapkan kode struktur html seperti yang kita pelajari diatas

Sekian, seperti nya cukup itu dulu. Untuk pembahasan mengenai tag struktur html, head dan body. Ohh yahh, kalau misal masih bingung bisa langsung ditanyakan saja nanti bisa diskusi di grup

Wasallamualaikum Wr. Wb

#3 Tag Struktur HTML, html, head dan body

Komentar