Tutorial HTML for Dummies

Submitted by virspector on Mon, 31/08/2009 - 21:11

Ok, jangan marah karena judulnya "Tutorial HTML for Dummies" karena memang untuk "Dummies". Bukan "Dummies" artinya bodoh, tapi pemula kok... (Dibuku2 luar kan biasanya gitu, how to make a book for dummies, learn microsoft word 2007 for dummies, dll.)
Baiklah, mari kita mulai tutorialnya!
Ok, kita mulai dari inti pokok.

 
1) Dalam HTML, pasti ada PEMBUKA dan PENUTUP. Biasanya PENUTUP ditambahkan sebuah karakter yaitu garis miring ( / ) misalnya:
<HTML>
Ini pembukanya, maka penutupnya:
</HTML>
Atau kayak gini:
<script type="javascript">
Penutupnya ya sama aja:
</script>
Kadang - kadang juga ada yang langsung ditutup, misalnya:
<input type='input' name='input1' value='CONTOH' />
Kode ini untuk memunculkan sebuah Input box bernama "input1" dengan berisi tulisan "CONTOH". Karena sudah selesai dipakai (Sudah dimunculkan), maka dari itu, langsung saja ditutup dengan garis miring sebelum karakter >
2) <HTML>
Pada awal HTML, pasti diawali dengan <HTML> dan diakhiri dengan </HTML>. Maka dari itu, lihat contoh ini:
<HTML>
#SCRIPT DISINI#
</HTML>
Tidak boleh seperti ini:
#SCRIPT DISINI#
<HTML>
#SCRIPT DISINI#
</HTML>
#SCRIPT DISINI#
3) Tag <BODY> dan <HEAD>
<HEAD> artinya "Header" atau bagian atas. Ini biasanya dimasukkan script untuk judul, misalnya tulisan pada Tab adalah "VirSpector.us.to" dan ada gambaran "VirSpector.jpg" pada bagian paling atas halaman. Berarti kodenya seperti ini:
<HTML>
<HEAD>
<title>VirSpector.us.to</title>
<img src="http://www.sesuatu.com/virspector.jpg"/>
</HEAD>
</HTML>
Lalu, Body, adalah ini, dimana artikel, menu kiri/kanan ditaruh, misalnya:
<HTML>
<BODY>
Selamat datang di www.virspector.us.to<br>Disini anda belajar berbagai hal tentang cara menjadi pinter
</BODY>
</HTML>
Mungkin anda agak bingung dengan script diatas, karena ada <br> tanpa </br>. <br> fungsinya untuk membuat baris baru. Jadi, hasil yang dikeluarkan dari kode diatas adalah sebagai berikut:
Selamat datang di www.virspector.us.to
Disini anda belajar berbagai hal tentang cara menjadi pinter
Atau, scriptnya bisa juga diganti kayak gini, sama aja hasilnya:
<br>Selamat datang di www.virspector.us.to</br><br>Disini anda belajar berbagai hal tentang cara menjadi pinter</br>
Itu merupakan contohnya, silahkan pelajari lebih lanjut nanti......

Comments

Post new comment

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
                              _ 
  _ __    _   _   _   _    __| |
 | '_ \  | | | | | | | |  / _` |
 | |_) | | |_| | | |_| | | (_| |
 | .__/   \__,_|  \__,_|  \__,_|
 |_|
Enter the code depicted in ASCII art style.