Struktur Dokumen HTML5


HTML5


Seperti halnya dokumen yang lain, HTML5 juga memiliki struktur tertentu. Pada HTML5 ini memiliki struktur yang lebih simpel dibandingkan dengan versi HTML pendahulunya. pada baris pertama dan harus ada yaitu.

<!DOCTYPE HTML>


kemudian disusul dengan tag pembuka <html>, dan diakhiri dengan tag penutup </html>.

Apa itu tag?


Tag dalam HTML adalah text khusus (markup) yang digunakan untuk memberitahu browser fungsi objek. Dimana objek ini selalu diapit oleh dua tag, yaitu tag pembuka dan tag penutup (terdapat juga tag yang tidak memerlukan tag penutup). Perbedaan tag pembuka dan tag penutup terdapat pada simbol "/". pada tag pembuka menggunakan dua simbol, yaitu "<" dan ">" , dan untuk penutup menggunakan tiga simbol, yaitu "<", "/", dan ">".

Sebagai contoh :

<b> Belajar HTML5 </b>

<b> adalah tag pembuka, dalam contoh ini <b> adalah tag untuk bold
</b> adalah tag penutup, bedanya hanya terletak pada tanda slash (/)

karena kalimat "Belajar HTML5" diapit oleh tag bold (b). Browser akan menerjemahkan perintah tersebut dan kalimat tersebut menjadi tebal.

Contoh :

<b>Struktur dasar HTML5</b> ternyata <i>sangatlah mudah</i> kawan

Dalam browser akan diterjemahkan menjadi seperti ini.

Struktur dasar HTML5 ternyata sangatlah mudah kawan

Nah, sudah mengerti tentang tag?
Kita lanjut ke element.
Umumnya, pada HTML5 terdapat empat elemen, yaitu elemen HTML itu sendiri, elemen HEAD, TITLE, dan BODY.

Apa itu element?


Element adalah isi dari sebuah tag, antara tag pembuka dan tag penutup, termasuk tag itu sendiri juga masuk kedalam sebuah element.

sebagai contoh :

<b> Selamat Pagi </b>

Merupakan sebuah element b, atau dapat diartikan elemen bold.

Kembali ke elemen pada HTML5, HTML5 mempunyai elemen sebagai berikut.

        <html>
                <head>
                        <title>CONTOH</title>
                </head>
                
                <body>
                        ISI
                </body>
        </html>

HTML adalah element dari dokumen secara keseluruhan, jadi semua element termasuk HEAD dan BODY akan berada diapit oleh element HTML.
HEAD adalah elemen kepala dari sebuah dokumen, element HEAD bekerja pada sisi tab pada browser, seperti pada gambar dibawah ini. di dalam element HEAD terdapat element TITLE yang berfungsi sebagai judul sebuah dokumen.

head

BODY adalah element isi dari sebuah dokumen. intinya, selain pada sisi HEAD, semua perintah pada HTML berada di dalam element BODY.

Selain kita mengenal tentang TAG dan ELEMENT, kita akan mengenal attribut.

Apa itu attribut?


Attribut adalah nilai tambahan yang berada di dalam tag. 

sebagai contoh :

<a href="http://pc-blogz.blogspot.com"> PC-Blogz </a>

<a> adalah sebuah tag untuk link.
href="http://pc-blogz.blogspot.com" adalah sebuah attribut. dimana href sebagai attribut name atau nama dari attribut tersebut, dan http://pc-blogz.blogspot.com adalah sebuah value atau nilai dari attribut tersebut.
Meskipun tidak semua tag mempunyai attribut, namum kita akan sering menjumpai attribut pada tag, terutama attribut id dan class yang digunakan untuk menggabungkan beberapa bahasa pemrograman ke dalam HTML.

Struktur Dokumen HTML5

Labels: ,

Post a Comment

Jangan buang waktu percuma untuk membuat komentar SPAM atau sekedar mencari backlink. Karena kedua komentar tersebut akan langsung dihapus.
Admin online 12/7

Author Name

MKRdezign

Contact Form

Name

Email *

Message *

Theme images by Ollustrator. Powered by Blogger.