Pengenalan HTML Untuk Orang Awam

Pada postigan sebelumnya telah kita bahas tentang "pengertian html" yang artinya HTML adalah (HyperText Markup Language) adalah “bahasa” yang digunakan pada untuk membuat halaman web di internet. HTML memungkinkan kita untuk menampilkan teks, gambar, link ke halaman lain, membuat form isian, menyisipkan video, suara, dan lain-lain. Struktur Dokumen HTML Dokumen HTML sebenarnya hanya berupa file teks biasa yang dilengkapi dengan tanda-tanda khusus (tag) yang menentukan bagaimana teks tersebut ditampilkan.

Bentuk dan format HTML Menurut Versinya :
XHTML 1.0 Transitional:

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

HTML 4.01 Strict:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5

<!DOCTYPE html>

Karena itu, dokumen HTML dapat dibuat menggunakan teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya. Namun sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front Page, Macromedia Dreamweaver, Adobe GoLive, dan lain-lain. Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol < dan >, sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya pasangan dari tag <tag> adalah </tag>.

Dokumen HTML biasanya disimpan dengan extension .HTM atau HTML. Untuk membuka dokumen HTML ini, diperlukan sebuah Web Browser. Contoh web browser yang banyak dipakai adalah: Microsoft Internet Explorer, Netscape Navigator, Opera, dan sebagainya. Berikut ini adalah sebuah contoh dokumen HTML sederhana:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> "Judul Weblog" </title>
</head>
<body>
<h1>"Heading"</h1>
<p>"Paragraph"</p>
</body>
</html>

Dokumen HTML dapat dibagi menjadi dua bagian, yaitu bagian kepala (HEAD) dan tubuh (BODY). Bagian kepala ditandai dengan tag <HEAD></HEAD>. Pada bagian ini biasanya diisi dengan informasi-informasi tambahan yang berguna bagi web browser ketika menampilkan halaman tersebut, atau informasi untuk search engine. Bagian tubuh diapit tag <BODY></BODY>. Isi dokumen dan tag HTML lainnya diletakkan di bagian ini.

Salah satu elemen penting yang terletak pada bagian head adalah TITLE. Seperti tampak pada contoh di atas, teks yang diapit tag <TITLE></TITLE> ditampilkan pada title bar web browser. Teks ini adalah judul halaman web bersangkutan. Judul ini berguna untuk memberi gambaran umumpada pengunjung tentang isi halaman bersangkutan.

The articles in this blog is usefull for you ? Click HERE for free Subscription.

5 Your Comment:

Eko Priyanto mengatakan...: pertamaxxx dulu biar larinya kenceng si V-ixion :D; 25 Mei 2010 17:54
Reza Fahlevi1984 mengatakan...: makasih penjelasannya, sya baru belajar ngeblog. rezafahlevi-tips.blogspot.com.; 15 Juni 2010 03:13
Eko Priyanto mengatakan...: @reza : selamat ngeblog mas..silahkan berbagi ilmu2 yang bermanfaat :D; 15 Juni 2010 11:17
Fery R mengatakan...: saya juga baru belajar ngeblog mas gmana nih?
bisa bantu ga; 27 Agustus 2010 08:38
Eko Priyanto mengatakan...: @Ferry : kita sama2 belajar aja mas...thanks dah mampir kemari :D; 27 Agustus 2010 15:00

Poskan Komentar

Silahkan Anda berikan saran, kritik atau pertanyaan jika Anda kurang jelas dengan Postingan ini, Senang bisa "Berbagi Ilmu dan Pengalaman dengan Anda". Terima Kasih.

5 Your Comment:

Poskan Komentar

News & Updates

Update Terbaru

Follower

Label

Facebook Fans Club

blogger mania

Web Directory

Owner