Belajar Html Bab 5 : Cara Menciptakan Struktur Dasar Html - Calon Teknisi | Free Download BIOS

Calon Teknisi | Free Download BIOS

Free download BIOS, Schematic, Boardview & Kursus Teknisi Laptop Online Interaktif.

Belajar Html Bab 5 : Cara Menciptakan Struktur Dasar Html

Share This
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 arahan dibawah ini.

<!DOCTYPE html> <html> <head>     <title>Dokumen</title> </head> <body>     <p>Mari berguru HTML</p> </body> </html>

Simpan sebagai Dokumen.html kemudian buka di broser.

Pengertian Tag DOCTYPE

Tag DOCTYPE berfungsi untk memberitahu broser versi dari HTML yang digunakan. Perlu teman ketahui HTML mempunyai bbrapa versi, pada pola Dokumen.html diatas, Saya memakai <!DOCTYPE html> untk versi HTML 5. Nah, untk 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 broser akan tetap menerjemahkannya, namun dokumen HTML tersebut akan diterjemahkan pada mode khusus yang disebut Quirks Mode.

Quirks mode adlah mode khusus untk menerjermahkan arahan HTML versi lama, arahan HTML versi usang mempunyai perbedaan penerjemahan pada setiap broser alasannya ialah pada waktu itu penyedia broser menyerupai Internet Explorer dan Netscape tidak menerapkan standar W3C. Penyedia broser malah menerjemahkan HTML sesuai standar mereka sendiri.

Seiring dengan waktu, penyedia broser mulai menerapkan standar W3C. Tetapi penyedia broser mengalami msumberah yaitu jikalau penyedia broser mengikuti standar W3C, maka akan ada jutaan WEB yang sudah ada sejak dahulu akan rusak alasannya ialah penerjemahan HTML yang berbeda.

Maka penyedia broser mengakalinya dengan menambahkan tag DOCTYPE untk HTML yang menerapkan standar W3C. Jika broser 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 broser yang berjalan pada Standards compliance mode atau Quirks mode silahkan ikuti langkah-langkah berikut ini.

1. Buka Dokumen.html di broser 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 arahan HTML yang teman buat akan ditaruh didalam tag HTML. Tag ini dimulai dengan <html> dan diakhiri dengan </html>.

Tag HEAD

Tag HEAD dipakai untk menyimpan aneka macam informasi menyerupai arahan CSS, JavaScript dan arahan lainnya yang tidak akan tampil di broser.

Dalam pola Dokumen.html, terdapat tag <title> yang berada didalam tag <head>...</head>. Tag <title> dipakai untk menampilkan judul dari sebuah halman WEB, yang akan ditampilkan pada tab broser.



Tag BODY

Tag BODY akan berisi semua elemen HTML yang akan tampil di broser 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 article selanjutnya teman akan mempelajari Pengertian Tag Elemen dan Tag Atribut pada HTML.
Sumber https://mas-abdi.blogspot.com/

No comments:

Post a Comment