Tahap Awal Memahami Kode HTML

Rabu, Maret 18, 2009 // 3 komentar // Rudy // Category: Blogging Tutorial , Html //

Sebelum kita belajar lebih lanjut mengenai cara memasukan kode html pada postingan blog, marilah kita ke toko semen meluangkan waktu sejenak untuk memahami penjelasan sederhana berikut ini :

HTML ( Hyper Text Markup Language) merupakan kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
Termasuk aplikasi browser pada phonsel GSM.


HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: Tampil Tebal, maka penulisannya dilakukan dengan cara: <b>Tampil Tebal</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

Markup / Tanda
Secara garis besar, terdapat 4 jenis elemen dari HTML:

1. Structural : tanda yang menentukan level atau tingkatan dari sebuah teks contoh, <h2>Rudy</h2> akan memerintahkan browser untuk menampilkan "Rudy" sebagai teks tebal berukuran besar yang menunjukkan sebagai Heading 2.
   
2. Presentational : tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut contoh, <b>boldface</b> akan menampilkan ''bold''. Tanda presentational saat ini sudah mulai digantikan oleh Cascading Style Sheets atau CSS dan tidak direkomendasikan untuk mengatur tampilan teks.
   
3. Hypertext : tanda yang menunjukkan pranala / tautan ke bagian dari dokumen tersebut atau pranala ke dokumen lain. Contoh, <a href="http://www.rudyarea.co.cc/">THE SIMPLE BLOG</a> akan menampilkan THE SIMPLE BLOG sebagai sebuah hyperlink ke URL http://www.rudyarea.co.cc
   Jadi, jika pranala / tautan THE SIMPLE BLOG di klik, otomatis Anda akan di bawa ke halaman URL tersebut.
   
4. Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
   

Selain markup ''presentational'' , markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

World Wide Web (WWW) atau singkatnya Web adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara umum, walaupun sebenarnya ia hanyalah bagian daripadanya. Hiperteks dilihat dengan sebuah program bernama penjelajah web yang mengambil informasi (disebut "dokumen" atau "halaman web") dari server web dan menampilkannya, biasanya di sebuah tampilan komputer. Kita lalu dapat mengikuti pranala di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali ke server untuk berinteraksi dengannya. Ini disebut surfing atau berselancar dalam bahasa Indonesia. Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut situs web.

HyperText Markup Language (HTML) adalah sebuah ''bahasa markup'' yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), singkatnya HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

Contoh dokumen html yang sudah jadi saat ini ada di depan anda, yaitu template blog ini, dan berbagai variasi / warna teks pada artikel blog.

Semoga bermanfaat !!
Power by Wikipedia.