Assalamualaikum.Wr.Wb.
Hello sahabat setia pembaca blog sederhana saya,kali ini saya akan menuliskan sebuah artikel dimana artikel ini saya dapatkan dari berbagai situs-situs yang ada,baik itu Wikipedia dan lainnya.
Nah,materi apa yang akan kita bahas pada artikel kita kali ini? Yaitu tentang "Apa itu struktur dari HTML?".
Mungkin kata HTML tidak asing lagi bagi yang suka coding,karena bahasa HTML ini adalah bahasa yang paling dasar dari semua bahasa pemograman.Tidak akan terasa lengkap jika kita ingin belajar pemograman dengan tidak melalui bahasa ini.
Setiap bahasa HTML pasti mempunyai yang namanya struktur,apa itu struktur? Nah,menurut KBBI struktur merupakan suatu susunan atau rangkaian.HTML sendiri mempunya struktur tersendiri yang terdiri dari tag DTD atau DOCTYPE,tag HTML,tag HEAD,dan tag BODY.
Inilah struktur paling dasar dari HTML,walaupun HTML tidak hanya terdiri dari struktur dasar tersebut karena HTML juga banyak memiliki struktur yang lainnya.
Agar lebih mudah untuk dipahami,alangkah baiknya kita mempraktekkan nya melalui code editor kita.Disini saya menggunakan notepda++ kalian bisa menggunakan code editor apapun:
 |
| 1.1 |
Save code di atas dan beri nama apa saja dengan format .html lalu jalankan file tersebut buka menggunakan browser caranya klik kanan pada file>Open with>Google chrome.
 |
| 1.2 |
Maka hasil dari coding kita di atas akan menampilkan halaman web seperti pada gambar 1.2 .
Mengapa disini saya menggunakan awal dari struktur coding kita dengan tag <!DOXTYPE .html>?
kenapa nggk langsung dengan tag <html>? Karena disini kita akan memberi tahu kepada web browser bahwa file yang akan kita proses adalah file berbentuk HTML.
DTD memiliki banyak versi,tetapi disini kita akan menggunakan versi sederhana.Jika kalian ingin mengetahui versi DTD yang ada kalian dapat membacanya DISINI.
Jika kita tidak menggunakan code DTD apa yang akan terjadi pada web broweser kita?
Jika kita tidak menuliskan DTD,browser akan tetap menampilkan dan memproses halaman web yang ingin kita akses seakan-akan tidak terjadi apa-apa.Namun web browser tersebut akan menjalankan halaman web tersebut dengan mode khusus yaitu yang dinamakan dengan quirk mode.
Apa itu quirk mode? kalian dapat membacanya disini Pengertian Quirk Mode.
Tag <html>.
Tag ini adalah yang dituliskan setelah tag DTD,yaitu tag HTML.
Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.
Tag <head>.
Tag <head>
Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser. Tag <title> dalam contoh kita sebelumnya digunakan untuk menampilkan title dari sebuah halaman web. Title ini biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan halaman.html, ‘Title dari Websiteku’ akan ditampilkan pada tab browser.Tag <body>
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web akan dihabiskan di dalam tag <body> ini.Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.
Stuktur HTML yang kita bahas disini adalah struktur yang sangat sederhana. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML. Tag pertama yang akan kita bahas dalam tutorial berikutnya adalah tag <p> yang digunakan untuk membuat paragraf di HTML.
No comments:
Post a Comment