11.11.2008

HTML

HyperText Markup Language atau yang dikenal dengan 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), 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).

Software yang diperlukan dalam membuat website static yaitu:
* editor : Notepad, Macromedia Dreamweaver, Microsoft FrontPage, Microsoft Expression Web
* browser : Internet Explorer, Mozilla Firefox, Opera, google chrome

Struktur Umum HTML adalah:
<HTML>
<HEAD>
<TITLE>judul</TITLE>
</HEAD>

</BODY>
</HTML>

Langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanannya:
1.Buka editor Notepad di start menu – accessories – notepad.
2.Setelah berada pada editor netepad tulislah tag <html> dengan diakhiri </html>.
3.Setelah itu buat <head> dengan diakhiri </head> (dengan didalamnya berisi <title> judul web juga diakhiri dengan </title>).
4.Lanjutkan dibawahnya </head> dengan menulis <bodi> juga diakhiri dengan </body> (dengan catatan menulisnya sebelum tag </html>).
5.Kemudian baru didalam/diantara <body> dengan </body> tuliskan isi dari HTML yang akan dibuat, juga dapat dibubuhkan tag-tag HTML seperti: <marquee>, <B>, <HR>, dll.
6.Setelah semua selesai simpan dokumen dengan save as type isi All Files dan file name isi nama dokumen dengan diikuti extensi HTML(*.html).

Tag-tag HTML beserta contoh penggunannya adalah sebagai berikut:
<H1> s/d <H6> : Ukuran font (Headline).
<P> : Tag paragraph (tulisan akan pindah ke baris berikutnya).
<HR> : menampilkan garis Horizontal.
<B> : huruf tebal.
<I> : huruf miring.
<U> : mengisi garis bawah.
<BIG> : memperbesar teks.
<SMALL> : memperkecil teks.
<CENTER> : mengetengahkan teks.
<BR> : membuat garis baru dalam teks.
<IMG> : menampilkan image (gambar).
<PRE> : membuat table sederhana.
<font> : Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks.
<marquee> : Membuat scrolling teks (teks berjalan).
<a href> : Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut.
<body> : Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link.
<table> : Membuat tabel