Untuk membuat dokumen HTML hanya dibutuhkan sebuah
aplikasi teks editor biasa seperti notepad. Namun sekarang ini di pasaran
terdapat banyak sekali HTML editor (software yang digunakan untuk membuat atau
mendesain halaman web), contohnya Macromedia Dreamweaver, Adobe GoLive, Microsoft
FrontPage.
Kemudahan
Microsoft FrontPage :
·
Pengeditan “What You See Is What You Get” (WYSIWYG)
·
Menambahkan,
menghapus dan mengubah teks.
·
Menambahkan
paragraf dan gaya karakter ke dalam teks.
·
Mengubah huruf, ukuran dan warnanya.
·
Memasukkan tabel, gambar, garis
horisontal dan hyperlink dalam dokumen web yang anda buat.
·
Drag-and-drop
hyperlink dan gambar dari dokumen yang lain.
Struktur Dasar HTML
Sebenarnya,
dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang
mengandung kode penanda yang disebut tag HTML yang digunakan untuk mengatur
format tampilan suatu dokumen. Kode ini diselipkan ke dalam teks HTML,
berfungsi untuk mengontrol format dan layout dalam dokumen, menunjuk ke suatu
hyperlink, dan lain-lain. Tag HTML ini menggunakan simbol khusus untuk
menandakan suatu kode instruksi, simbol ini adalah kurung siku, < dan >.
Hal
yang harus diperhatikan adalah kode tag HTML ini tidak bersifat case-sensitif artinya <body> sama
dengan <BODY> ataupun <bOdY>. Pada umumnya banyak dari pemakai HTML
menggunakan huruf besar dalam penulisan tag HTML sehingga menyebabkan kode-kode
ini terlihat jelas, sehingga mempermudah proses pembacaan. Semua dokumen HTML
terdiri dari dua bagian logikal, yaitu:
·
bagian kepala (head). Secara umum,
bagian kepala dari dokumen HTML berisi informasi umum mengenai dokumen
·
dan bagian badan (body) yaitu berisi
dokumen yang sebenarnya.
Setiap
dokumen HTML harus dimulai dan diakhiri dengan tag <HTML> yang
mendeklarasikan suatu dokumen sebagai dokumen HTML. Struktur dasarnya adalah
sebagai berikut:
|
<html>
<head>
<title>Judul
Form/Caption</title>
</head>
<body>
ISI WEB
</body>
</html>
|
Keterangan:
<html> .. </html>
Mendefinisikan bahwa teks
yang berada diantara kedua tag tersebut adalah file HTML.
<head> .. </head>
Sebagai informasi page
header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX,
LINK, SCRIPT, STYLE & META.
<title> .. </title>
Sebagai titel atau judul
halaman/form, digunakan sebagai identifikasi dokumen. Kalimat yang terletak di
dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title
bar).
<body> .. </body>
Mendefinisikan teks beserta
formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini
bisa diletakkan berbagai page attribute seperti bgcolor, background, text,
link, vlink, alink, leftmargin dan topmargin. Contoh dari
penggunaan tag <HTML> seperti ini:
|
<HTML>
<HEAD>
<TITLE> Judul dari dokumen HTML </TITLE>
</HEAD>
<BODY>
My Homepage
</BODY>
</HTML>
|
Untuk
mencoba script di atas, anda bisa membuka aplikasi notepad ataupun program teks
editor yang lain. Tuliskan script di atas dan simpan dengan ekstensi *.html
atau *.htm, misalkan MyPage.html. Bukalah dokumen html yang telah anda buat
tadi dengan menggunakan web browser, misalkan Internet Explorer.
0 comments:
Post a Comment