MENGENAL HTML

Pengunjung

KimiaTNT  

Ingin belajar web?

Saat ini banyak ragam ilmu (program) yang diperuntukkan bagi mereka yang ingin membuat dan mengembangkan situs web, seperti: HTML, CSS, JavaScript, PHP, ASP, MySQL, XML, XSL, XHTML, dan lain-lain. Keragaman tersebut kadang membuat kita menjadi 'gamang' dan malas untuk mempelajari ilmu web. Kita lebih memilih menggunakan fitur-fitur instan yang banyak tersedia untuk melengkapi halaman web yang kita miliki.

Untuk apa repot-repot mempelajari aplikasi web, jika sudah banyak tersedia fitur-fitur web yang sudah jadi? Inilah pandangan kita pada umumnya, dan tentu tidak salah. Padahal, program-program tersebut tidaklah sulit untuk dipelajari dan tidak harus semua program kita pelajari, tergantung dari kebutuhan kita. Ditambah lagi, mempelajari ilmu web memberikan kesenangan tersendiri dan dapat meningkatkan kreativitas kita.

Tulisan ini diperuntukkan bagi anda yang ingin mempelajari ilmu web. Dengan tujuan, agar anda memiliki gambaran umum tentang ilmu-ilmu web, perbedaan fungsi masing-masing, kemudian dapat memutuskan mana yang akan dipelajari terlebih dahulu, mana yang dipelajari kemudian, dan mana yang tidak perlu dipelajari, tergantung dari kebutuhan anda. Untuk mempelajari ilmu web lebih lanjut, anda dapat mengunjungi situs-situs tutorial yang banyak tersedia di internet.

HTML

CSS

JavaScript

PHP

MySQL

XML

Mengenal HTML

HTML adalah singkatan dari Hyper Text Markup Language. HTML dipergunakan untuk mengatur tampilan sebuah halaman web, dan sangat mudah untuk dipelajari. Dengan HTML, kita sudah dapat membuat sebuah halaman web. Boleh dikatakan, HTML adalah inti dari sebuah halaman web. Program yang lain dipergunakan untuk 'melengkapi' HTML.

Bila kita ingin membuat sebuah blog, misalnya di blogspot.com, maka HTML sudah sangat memadai. Tanpa memahami HTML pun, kita sudah bisa berpublikasi di blogspot.com. Fitur tambahan dapat kita tambahkan dari fasilitas widget/gadget yang tersedia.

Mempelajari HTML pada intinya adalah mempelajari kode-kode HTML (biasa disebut tag), yaitu:

• mengetahui cara penulisan tag (syntax)
• mengenal bermacam kode-kode HTML
• mengetahui fungsi dari tag HTML

Kita tidak perlu menghafal semua tag yang ada, cukup kita pelajari (atau cari lewat google) mana yang kita butuhkan.

Untuk memperkaya tulisan pada blogspot dengan HTML, kita hanya perlu masuk ke bagian posting Edit Entry dan menggunakan fasilitas Edit HTML. Ketik apa yang ingin kita tulis, sisipkan kode-kode (tag) HTML.

Untuk membuat dokumen HTML secara mandiri (file HTML), kita memerlukan sebuah teks editor (misalnya notepad atau FrontPage) dan perambah internet (Seperti: firefox, internet explorer, opera, dll). Kita tidak perlu menginstal program tambahan ke dalam komputer. Langkah-langkahnya:

1. Buka notepad, biasanya sudah ada di komputer kita
2. Ketik apa yang ingin kita tulis, kemudian sisipkan tag-tag (kode) HTML.
3. simpan file dengan menambahkan ekstensi .htm atau .html. Misalnya tuliskan latihan.htm pada File Name, dan jangan lupa untuk mengubah All Files pada pilihan Save File as

Tag HTML ditulis dengan diapit tanda kurung siku ( <tag> ) . Berikut adalah contoh cara penulisan (syntax) tag HTML beserta tampilan yang dihasilkan.

Tag HTML	Fungsi	Contoh Syntax (Cara Penulisan)	Hasil
<a>	membuat link/tautan	<a href="http://kimiatnt. blogspot.com"> KimiaTNT </a>	KimiaTNT
<b>	menebalkan huruf	<b> KimiaTNT </b>	KimiaTNT
<blink>	membuat tulisan berkedip	<blink> KimiaTNT </blink>	KimiaTNT
<marquee>	membuat teks berjalan	<marquee directions="left"> KimiaTNT </marquee>	KimiaTNT
<sub>	membuat subscript	H <sub> 2 </sub> O	H2O

Dari contoh di atas dapat kita lihat betapa mudahnya menggunakan tag HTML. Kita hanya perlu tahu jenis dan fungsi tag, maka kita sudah dapat menggunakannya.

Judul Blog Kolom Kiri Bagian tengah Kolom Kanan Bagian Bawah Keterangan: contoh kerangka halaman web dengan menggunakan tabel.

Kekuatan HTML dalam membuat halaman web adalah kemampuannya membuat tabel (tag yang digunakan: <table> ). Halaman web umumnya tersusun dari tabel-tabel, seperti terlihat pada contoh disamping. Tentu perlu dilakukan pengaturan lebih lanjut, misalnya warna latar, garis (border) dihilangkan, dan lain-lain. Dengan HTML, kita dapat menyisipkan tabel di dalam tabel.

 :