HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html).
Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
A. PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:
<HTML> </HTML>
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me- mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:
<HTML> <BODY>
Tulisan ini akan tampak dalam browser. </BODY> </HTML>
Lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser.
Dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan.
Tambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:
<HTML> <BODY BGCOLOR="yellow" TEXT="red"> Tulisan ini akan tampak dalam browser. </BODY> </HTML>
Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Contoh :
black #000000
blue #0000FF
olive #808000
white #FFFFFF
fuchsia #FF00FF
green #008000
red #FF0000
gray #808080
teal #008080
yellow #FFFF00
silver #C0C0C0
navy #000080
lime #00FF00
maroon #800000
purple #800080
aqua #00FFFF
Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:
<HTML>
<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">
Tulisan ini akan tampak dalam browser.
</BODY> </HTML>
Maka akan tampil:
Tulisan ini akan tampak dalam browser.
Sekarang bukalah kembali source code/File tadi yang anda simpan dan tambahkanlah tag-tag berikut ini:
<HTML>
<HEAD>
<TITLE> Belajar HTML Untuk Pemula </TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY> </HTML>
Next >>
