Dasar-Dasar HTML

Ada beberapa tag yang sebuah dokumen HTML harus miliki. Apabila tag-tag ini tidak dicantumkan, tampilan dari dokumen tersebut akan terganggu struktur dan lay out-nya.

<HTML>

Tag ini adalah yang paling utama dan dokumen HTML anda harus punyai.

<HTML> tag.

<HTML> harus muncul pada bagian paling awal dari kode halaman anda, dan </HTML> sebagai yang paling akhir.


<HEAD>

Tepat di bawah tag HTML adalah tag <HEAD>. Tag HEAD ini mengandung obyek yang akan di load lebih dahulu oleh browser pengunjung halaman anda sebelum menampilkan bagian lain dalam halaman yang sama.


<TITLE>

Tag Title ini diletakkan di antara tag HEAD.

<TITLE>Selamat Datang di Rileks – The Leading B2C Portal</TITLE>

String yang berada di antara tag TITLE akan ditampilkan sebagai judul pada window browser.



<BODY>

Di bawah tag HEAD, namun masih di dalam (di antara) tag HTML.

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.

<BODY TEXT=”white” LINK=”red” VLINK=”orange” ALINK=”gray” BGCOLOR=”black” BACKGROUND=”white-tile.gif”></BODY>

Tag BODY ini mengandung informasi yang berhubungan dengan property dasar pada keseluruhan isi dokumen HTML. Text, Link, Link yang telah dikunjungi, Link yang aktif dan warna latar belakang (background) dokumen serta image yang akan menjadi background didefinisikan pada bagian ini.

<BODY TEXT=”white” LINK=”red” VLINK=”orange” ALINK=”gray” BGCOLOR=”black” BACKGROUND=”white-tile.gif”></BODY>

TEXT=

Warna dari keseluruhan teks pada dokumen

LINK=

Warna teks yang berupa Link

ALINK=

Warna teks yang sedang di klik oleh user

VLINK=

Warna teks link yang pernah dikunjungi oleh user

BGCOLOR=

Warna latar belakang dokumen

BACKGROUND=

Path (jalur relatifatau absolut) menuju ke image yang akan menjadi latar belakang dari dokumen anda yang akan muncul lebih dahulu dari bgcolor.

Comment Tag

Tag “comment” adalah sebagai berikut:

<!– Your text –>

Browser akan mengabaikan isi apapun yang berada dalam area comment tag ini. Tag ini berguna untuk memberi kemudahan pada saat anda melakukan perubahan struktur halaman anda.

Kode yang telah anda kuasai sejauh ini adalah:

<HTML>
<HEAD>
<TITLE>My Website</TITLE>
</HEAD>
<BODY TEXT=”Black” LINK=”Blue” VLINK=”Orange” ALINK=”Gray” BGCOLOR=”White” >
</BODY>
</HTML>

Jika halaman di atas kita buka pada browser maka yang akan kita saksikan adalah : sebuah halaman kosong berwarna putih… MEMBOSANKAN !!!

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