Dalam menciptakan halaman HTML harus mempunyai struktur dasar yaitu: tag DOCTYPE, tag html, tag head, dan tag body. Meskipun struktur HTML tidak hanya terdiri dari struktur tersebut. Secara sederhana HTML terdiri dari header dan body, yang diawali dengan penulisan <!DOCTYPE html> kemudian tag pembuka <html> dan tag simpulan </html>.
Baca Juga !!
Struktur Dasar HTML
Setiap halaman website mempunyai struktur tersendiri, dimana struktur struktur dasar itu berupa tag yaitu DOCTYPE, tag html, tag head, dan tag body. Ini merupakan struktur dasar pada HTML yang kita akan gunakan untuk menciptakan halaman website HTML. Agar lebih paham strukur yang ada pada HTML kita sanggup lihat teladan dibawah ini sebagi berikut:
- <!DOCTYPE html>
- <html>
- <head>
- <title>Arm4nChannel/Title dari Websiteku</title>
- </head>
- <body>
- <p>Tutorial ini wacana struktur dasar HTML</p>
- </body>
- </html>
Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan �> Open With �> Firefox. Hasil dikala dijalankan di browser:
Pengertian DOCTYPE
Doctype adalah sebuah deklerasi yang dipakai untuk mengedentifikasikan suatu jenis dokemen HTMK yang dipakai sehingga web browser yang kiita gunakan sanggup memilih bagaimana memperlakukan Doctype ini. Untuk mengetahui susunan HTML yang pertama kali kita temukan dan harus dipelajari yaitu Doctype, lihatlah arahan dibawah ini supaya lebih terang memahaminya:
<!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dimana arahan di atas merupakan jenis XHTML 1.0 yang mana dokumen dengan deklarasi arahan HTML-Nya yang akan diperlukukan dengan sangat ketat sesuai dengan rekomendasi dari W3C Jika kita tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web kita menyerupai tidak terjadi apa-apa. Namun browser sebetulnya menjalankan halaman HTML tersebut pada mode khusus yang disebut quirk mode.
Pada quirk mode, web browser menerjemahkan halaman web (terutama arahan CSS) sedikit berbeda dari seharusnya. Ini alasannya yakni web browser menganggap bahwa ketika DTD tidak ditemuka, halaman tersebut kemungkinan besar merupakan halaman web usang. Agar halaman �usang� ini tetap tampil baik, web browser perlu memakai aturan-aturan yang berbeda, yakni: quirk mode.
Cara untuk mengetahui apakah web browser berjalan pada quirk mode atau standard mode lebih gampang kalau memakai web browser Mozilla Firefox. Pada Firefox, klik kanan pada halaman web, kemudian pilih Page Info. Pada bab Render Mode akan terlihat apakah quirk mode, atau standard mode.
Pengertian Tag <html>
Tag <html> merupakan tag pembuka untuk keseluruhan halaman web. Semua elemen dan attribut ataupun arahan HTML harus berada di tag <html>. Tag ini akaan diakhiri dengan </html>.
Pengertian Tag <head>
Tag <head> adalah isi dari banyak sekali definisi sebuah halaman web. Apakah pentingnya? Tag <head> ditugaskan untuk mengambil sampel arahan menyerupai CSS, JavaScript, dan jQuery untuk mendesain sebuah halaman web. Dimana CSS akan menyusun halaman web supaya lebih rapi dan berseragam, sedangkan JavaScript akan menciptakan animasi menyerupai teks bergerak dan gambar bergerak, kalau jQuery merupakan library dari JavaScript. Didalam <head> ada tag <title> yang berfungsi sebagai memperlihatkan judul pada setiap halaman web. Contohnya pada halaman web, �Arm4nChannel/Title dari Websiteku� akan tampil sebagai judul, sanggup di lihat pada Tab web browser kita. Di tag inilah kita akan mendesain dan mengambil arahan kodenya untuk menciptakan halaman web tampak hidup.
Pengertian Tag <body>
Tag <body> yang merupakan tag yang paling penting, dikarenakan tag <body> akan menampilkan semua elemen di dalam halaman web, menyerupai paragraf, list, tabel, link, gambar, form, dan lainnya. tag body ini akan ditutup dengan </body>. Kita akan menghabiskan waktu kita untuk menyusun halaman web didalam tag <body> ini.
Stuktur HTML yang kita bahas disini yakni struktur yang sangat sederhana. Sebuah halaman web sanggup mempunyai ratusan bahkan ribuan baris, yang ditulis dengan banyak sekali tag HTML. Tag pertama yang akan kita bahas dalam tutorial berikutnya yakni tag <p> yang dipakai untuk menciptakan paragraf di dalam HTML !!
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon