Belajar Html Bab 5 : Cara Menciptakan Struktur Dasar Html
Monday, February 29, 2016
Add Comment
Setiap dokumen HTML mempunyai struktur dasar yang terdiri dari tag DOCTYPE, HTML, HEAD dan BODY. Agar lebih gampang dipahami silahkan buka Teks Editor sobat, kemudian ketikan instruksi dibawah ini.
Simpan sebagai Dokumen.html kemudian buka di browser.
Jika teman tidak menuliskan tag DOCTYPE di dokumen HTML, maka browser akan tetap menerjemahkannya, namun dokumen HTML tersebut akan diterjemahkan pada mode khusus yang disebut Quirks Mode.
Quirks mode ialah mode khusus untuk menerjermahkan instruksi HTML versi lama, instruksi HTML versi usang mempunyai perbedaan penerjemahan pada setiap browser alasannya ialah pada waktu itu penyedia browser menyerupai Internet Explorer dan Netscape tidak menerapkan standar W3C. Penyedia browser malah menerjemahkan HTML sesuai standar mereka sendiri.
Seiring dengan waktu, penyedia browser mulai menerapkan standar W3C. Tetapi penyedia browser mengalami problem yaitu jikalau penyedia browser mengikuti standar W3C, maka akan ada jutaan web yang sudah ada sejak dahulu akan rusak alasannya ialah penerjemahan HTML yang berbeda.
Maka penyedia browser mengakalinya dengan menambahkan tag DOCTYPE untuk HTML yang menerapkan standar W3C. Jika browser tidak menemukan tag DOCTYPE maka dianggap memakai HTML versi usang maka penerjemahannya pada mode Quirks mode. Sedangkan jikalau memakai HTML yang sesuai standar W3C cukup menuliskan tag DOCTYPE yang sesuai dengan versi HTML yang akan dibentuk atau biasa disebut dengan Standards compliance mode
Bagi teman yang ingin mengetahui browser yang berjalan pada Standards compliance mode atau Quirks mode silahkan ikuti langkah-langkah berikut ini.
1. Buka Dokumen.html di browser Firefox.
2. Klik kanan di sembarang tempat, kemudian pilih Lihat Informasi Laman
3. Maka akan muncul jendela Informasi Laman, pada bab Mode Render akan terlihat apakah Standards compliance mode (Mode pemenuhan standar) atau Quirks mode (Mode "quirk").
Dalam referensi Dokumen.html, terdapat tag
Perlu diperhatikan tag HTML, HEAD dan BODY akan selalu diakhiri dengan tag penutup, misalnya menyerupai ini.
Pada artikel selanjutnya teman akan mempelajari Pengertian Tag Elemen dan Tag Atribut pada HTML.
<!DOCTYPE html> <html> <head> <title>Dokumen</title> </head> <body> <p>Mari berguru HTML</p> </body> </html>Simpan sebagai Dokumen.html kemudian buka di browser.
Pengertian Tag DOCTYPE
Tag DOCTYPE berfungsi untuk memberitahu browser versi dari HTML yang digunakan. Perlu teman ketahui HTML mempunyai beberapa versi, pada referensi Dokumen.html diatas, Saya memakai<!DOCTYPE html> untuk versi HTML 5. Nah, untuk versi xHTML 1.1 tag DOCTYPE menyerupai dibawah ini.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Jika teman tidak menuliskan tag DOCTYPE di dokumen HTML, maka browser akan tetap menerjemahkannya, namun dokumen HTML tersebut akan diterjemahkan pada mode khusus yang disebut Quirks Mode.
Quirks mode ialah mode khusus untuk menerjermahkan instruksi HTML versi lama, instruksi HTML versi usang mempunyai perbedaan penerjemahan pada setiap browser alasannya ialah pada waktu itu penyedia browser menyerupai Internet Explorer dan Netscape tidak menerapkan standar W3C. Penyedia browser malah menerjemahkan HTML sesuai standar mereka sendiri.
Seiring dengan waktu, penyedia browser mulai menerapkan standar W3C. Tetapi penyedia browser mengalami problem yaitu jikalau penyedia browser mengikuti standar W3C, maka akan ada jutaan web yang sudah ada sejak dahulu akan rusak alasannya ialah penerjemahan HTML yang berbeda.
Maka penyedia browser mengakalinya dengan menambahkan tag DOCTYPE untuk HTML yang menerapkan standar W3C. Jika browser tidak menemukan tag DOCTYPE maka dianggap memakai HTML versi usang maka penerjemahannya pada mode Quirks mode. Sedangkan jikalau memakai HTML yang sesuai standar W3C cukup menuliskan tag DOCTYPE yang sesuai dengan versi HTML yang akan dibentuk atau biasa disebut dengan Standards compliance mode
Bagi teman yang ingin mengetahui browser yang berjalan pada Standards compliance mode atau Quirks mode silahkan ikuti langkah-langkah berikut ini.
1. Buka Dokumen.html di browser Firefox.
2. Klik kanan di sembarang tempat, kemudian pilih Lihat Informasi Laman
3. Maka akan muncul jendela Informasi Laman, pada bab Mode Render akan terlihat apakah Standards compliance mode (Mode pemenuhan standar) atau Quirks mode (Mode "quirk").
Tag HTML
Semua instruksi HTML yang teman buat akan ditaruh didalam tag HTML. Tag ini dimulai dengan<html> dan diakhiri dengan </html>.Tag HEAD
Tag HEAD dipakai untuk menyimpan banyak sekali informasi menyerupai instruksi CSS, JavaScript dan instruksi lainnya yang tidak akan tampil di browser.Dalam referensi Dokumen.html, terdapat tag
<title> yang berada didalam tag <head>...</head>. Tag <title> dipakai untuk menampilkan judul dari sebuah halaman web, yang akan ditampilkan pada tab browser.
Tag BODY
Tag BODY akan berisi semua elemen HTML yang akan tampil di browser menyerupai paragraf, gambar, tabel dan lain-lainnya.Perlu diperhatikan tag HTML, HEAD dan BODY akan selalu diakhiri dengan tag penutup, misalnya menyerupai ini.
<html> <head>...</head> <body>...</body> </html>Pada artikel selanjutnya teman akan mempelajari Pengertian Tag Elemen dan Tag Atribut pada HTML.
0 Response to "Belajar Html Bab 5 : Cara Menciptakan Struktur Dasar Html"
Post a Comment