HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web ke broeser, seperti Internet Explorer, Opera, Mozilla dll. HTML inilah yang memungkinkan kita menjelajahi internet dan melihat halaman web yang menarik.
HTML digunakan untuk membangun suatu halaman web. Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman HTML sama sekali bukan bahasa pemrograman, tapi merupakan bahasa markup (penandaan) terhadap sebuah dokumen teks. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ), dan disebut tag.
Sekarang ini di pasaran terdapat banyak HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). MacromediaDreamweaver, Adobe GoLive, MS Frontpage contohnya. Tetapi tanpa mengetahui dasar-dasarnya, kita tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut menawarkan kemudahan dalam membuat web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat kompleks.
STRUKTUR DASAR HTML :
Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya Notepad. Dapat juga menggunakan HTML editor yang bersifat visual, misalnya Frontpage. Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm atau .html.
Dalam penggunaannya sebagian besar kode HTML tesebut harus terletak di antara tag kontainer. Yaitu diawali dengan <nama tag> dan diakhiri </nama tag> (terdapat tanda "/"). Tag sifatnya incase sensitive, artinya penulisan tag boleh menggunakan huruf besar atau kecil.
Sebuah halaman web minimal mempunyai empat buah tag, yaitu :
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser anda (pada title bar).
Contoh :
<TITLE> Belajar HTML </TITLE>
<BODY> Di dalam tag ini bisa diletakkan berbagai page attributes seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.
Atribut :
BGCOLOR, BACKGROUNF, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.
Contoh :
<BODY bgcolor="black" background="images.gif" text="red" link="blue" vlink="yellow" alink="pink">
ket :
BGCOLOR : Memberikan warna pada teks
BACKGROUND : Memberi warna pada latar belakang dokumen HTML
LINK : Memberi warna pada link
ALINK : Memberi warna pada link aktiv
VLINK : Memberi warna pada visited link
LEFTMARGIN : Batas kiri dokumen
TOPMARGIN : Mnentukan batas atas
BGPROPERTIES : Jika diisi "fixed", maka gambar latar belakang tidak ikut tergulung. Jika diisi "scroll" maka gambar latar belakang ikut tergulung.
Sebuah contoh sederhana dokumen HTML :
<HTML>
<HEAD>
<TITLE> Belajar HTML </TITLE>
<BODY bgcolor="black" background="gambar1.jpeg" text="red">
Letakkan text, images, dan link anda disini
</BODY>
</HTML>
Oke, Semoga bermanfaat yha.. Postingan selanjutnya akan membahas Pengaturan text dengan HTML.. Keep reading,guys...
Tidak ada komentar:
Posting Komentar