Tuesday, July 19, 2016

Struktur Dasar HTML

Bersama Bang Kumbang - Pada pembahasan kali ini, saya ingin membahasa sedikit tentang Struktur Dasar HTML. Struktur berarti susunan, dimana dalam mempelajari bahasa Markup atau dalam pembuatan website yang pertama harus kita ketahui adalah bagaimana susunan atau struktur dari bahasa Markup.

Struktur HMTL

<!DOCTYPE html>
        <html>
                <head>
                </head>
                <body>
                </body>
        </html> 
Dari kode diatas kita simak, bahwa struktur HTML dimulai dari : <!DOCTYPE html> ; <html> ; <head> ; <body> ; . Berikut keterangan masing masi kode,  

1. <!DOCTYPE html>

Tag ini merupakan tag paling awal dalam setiap dokumen HTML, yang gunanya untuk mendeklarasikan  bahwa dokumen yang akan kita buat adalah dokument HTML, terutama versi HTML5. Namun, jika kita tidak menuliskan tag ini, kode akan tetap dijalankan oleh web browser. Laman ini dijalankan pada quirk mode (mode untuk situs lama yang masih mengikuti aturan CSS versi lama). Solusinya dengan menambahkan tag ini, jika kita menggunakan versi HTML5, atau untuk HTML 4.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2. <html>...</html>

tag ini merupakan tag yang mencakup seluruh kode html yang ada, mulai dari tag dibuka, semua kode ditaruh di dalam dirinya dan sampai akhirnya ditutup oleh </html>. Tag ini juga mendeskripsikan bahwa bahasa yang kita gunakan adalah bahasa html.

3. <head>...</head>

 Tag ini merupakan bagian yang mendeskripsikan kepala dari website. Bagian ini ditampilkan pada bagian paling atas dari web browser. Tag ini juga biasanya lokasi pendefinisian dari web, seperti tag title, tag meta, juga lokasi kode CSS, JavaScript dan kode lain yang tidak akan ditampilkan di halaman web.

4. <body>...</body>

Tag body adalah bagian yang akan menampilkan isi atau konten dari website yang dibuat. Di tag ini nantinya tag tag pendukung web kita letakkan, seperti tagh <p>, <div>, <img> dan lainnya.
Tag body memiliki beberapa attribut seperti, bgcolor, background, margin, padding dan sebagainya.

Ingat, Setiap kode atau tag harus ditutup oleh tag penutpnya, contoh <html></html>

Sekian seditkit materi tentang struktur dalam html, semoga bisa menambah wawasan dan bermanfaat bagi kita semua....

Labels: ,

1 Comments:

At 9/10/2016 06:00:00 PM , Blogger bayu said...

Lebih asik kl ngedalemin lagi gan :D btw nice post gan (y)

 

Post a Comment

Subscribe to Post Comments [Atom]

<< Home