HTML: Struktur

Struktur HTML paling sederhana adalah

<html>
 <head> </head>
 <body> </body>
 </html>

Namun ini belum lengkap karena sebenarnya di atas HTML terdapat tag lagi yaitu

<!DOCTYPE html>

Dulunya biasa ditulis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Dalam tutorial ini, tidak memasukkan yang panjang ini dikarenakan pemborosan. Tetapi doctype seperti ini sangat berguna bila kamu menggunakan browser lama. Untuk itulah disarankan memakai format sebagai berikut

<!--[if IE]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" class="ie8" dir="ltr" lang="en">
<![endif]-->
<!--[if !(IE 8) ]><!-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<!--<![endif]-->

Tetapi sayang, cara ini mungkin kurang efektif. Mengingat browser yang digunakan biasanya sangat bervariasi dan tehnik ini kadang kurang mendapat respon positif dari browser bersangkutan.

HTML

adalah bagian yang penting, karena merupakan bagian terbesar. HTML adalah keseluruhan bagian dari web/halaman yang kamu buat. Hanya terdiri dari tag HEAD dan BODY.

HEAD

Hanya berisi tag-tag yang mendukung web kamu dari belakang, seperti javascript, css dan keterangan dari web tersebut. Tag yang biasa berada di dalam HEAD adalah

  • Meta
  • Link
  • script
  • style

Menulis dalam HEAD ini tidak bisa terlihat di browser. Tetapi sangat membantu apabila web tersebut diperiksa oleh web searching seperti Google. Karena Google melihat web dan kontainnya berdasarkan dari halaman depannya (di antara HEAD tersebut).

BODY

Adalah tempat dimana tampilan yang kamu buat akan tampil.  Tutorial setelahnya akan lebih mengupas pada isi dari BODY dari tampilan dasar hingga membuat yang lebih rumit. Untuk membagi-bagi tipe tag yang berada di dalam body, saya membaginya atas kelompok:

  • Tampilan yang mengubah ukuran tulisan
  • Media. Penambahan gambar, suara dan lain-lain.
  • Link
  • Table
  • Form
  • dan lain sebagainya

Tutorial berikut adalah beberapa basic HTML yang perlu diketahui.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: