Minggu, 10 Januari 2021

Struktur Dasar HTML5 | Web Development

Halo temen-temen pemuda koding! Kembali lagi di konten pemuda koding yang membahas seputar dunia perkodingan khususnya web development. Di konten sebelumnya kita udah membahas tentang sejarah perkembangan HTML sampai ke tahap HTML5 yang bisa kita rasakan sekarang. Nah setelah kita tau sejarah dari HTML5, kali ini pemuda koding akan coba bahas struktur dari si HTML5 ini nih, apa bedanya ya sama HTML sebelumnya? Langsung aja kita ke pembahasannya ya! 


Seperti yang bisa kalian liat pada gambar diatas, kita coba kupas satu-satu ya. 
  1. Tag <!DOCTYPE html> : tag ini merupakan sebuah deklarasi untuk mengidentifikasi jenis dokumen HTML yang digunakan supaya browser dapat mengetahui dan dapat menentukan bagaimana memperlakukan kode yang akan dibuat. Proses pendeklarasian ini cukup dilakukan sekali saja diawal baris pada dokumen yang kita buat. Di versi sebelumnya dapat dituliskan <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN" "Http://www.w3.org/TR/html4/strict.dtd">. Panjang banget ya hehehe. Di versi html5 semua itu disederhanakan jadi cukup !DOCTYPE html aja.
  2. Tag <html>...</html> : tag ini mempuyai fungsi sebagai root. Jadi setelah kita mendeklarasikan type dari dokumen, nah dokumen yang kita tulis akan disimpan didalam tag <html></html> ini. Jadi semua tag ada ada didalam tag <html> adalah gambaran dari HTML.
  3. Tag <head>...</head> : tag ini berfungsi untuk memberikan informasi tentang dokumen yang kita buat, jadi di dalam tag ini kita dapat menambahkan tag-tag yang biasanya digunakan untuk memberikan informasi berupa penulis, judul, kata kunci pada dokumen, jenis encoding dan masih banyak lagi iformasi yang bisa ditambahkan pada tag ini.
  4. Tag <meta> : tag ini digunakan untuk memberikan intruksi pada browser untuk menerjemahkan karakter-karakter di dalam halaman html yang kita buat sebagai UTF-8. Walaupun tag ini merupakan tag yang bersifat opsional, hampir setiap halaman HTML5 menggunakan tag meta ini.
  5. Tag <title>...</title> : fungsi dari tag ini untuk memberikan informasi berupa judul pada dokumen html yang kita buat. Judul ini biasanya yang akan tampil pada halaman browser.
  6. Tag <body>...</body> : tag ini lah yang akan menyimpan isi dari suatu dokumen yang nantinya akan ditampilkan oleh web browser.
Nah, jadi seperti itu penjelasan singkat tentang tag-tag pada HTML5 temen-temen. Gimana? Makin ga sabar buat mulai ya! Okedeh sekian dulu konten kali ini temen-temen. Pemuda koding pamit dulu ya! Sampai jumpa di konten-konten selanjutnya ya! Salam koding.

Tidak ada komentar:

Posting Komentar

Apa itu Javascript? | Sejarah Javascript

Halo semuanya! kembali di konten pemuda koding yang membahas seputar web development khususnya frontend development. Kali ini pemuda koding ...