Membuat Homepage Menggunakan HTML
A
Seperti yang telah dijelaskan, pada awalnya untuk dapat membuat sebuah tampilan halaman situs web berformat
HTML, Anda harus memahami dan mengetahui bahasa pemprograman HTML. Secara sederhana, HTML atau
HyperText Markup Language, merupakan sebuah bahasa yang memberikan perintah kepada web browser bagaimana
sebuah tampilan ile dokumen terlihat. Dokumen itu sendiri berupa ile teks ASCII American Standard Code for Information
Interchange dengan kode-kode spesial atau
tag yang dapat
dimengerti oleh aplikasi web browser. Akhirnya web browser tersebut menerjemahkannya menjadi apa yang Anda lihat di
monitor. Kali ini akan dijelaskan bagaimana cara membuat halaman
web secara konvensional, dengan mengetikkan semua bahasa HTML yang diperlukan. Untuk dapat membuatnya, Anda
memerlukan aplikasi teks editor, seperti Notepad pada OS Windows. Anda juga dapat menggunakan aplikasi pengolah
kata seperti MS Word, namun Anda harus men-save ile yang Anda buat dalam format plain ASCII. Oleh karena itu, lebih
disarankan menggunakan teks editor paling sederhana seperti Notepad. Untuk kenyamanan Anda, pada pembahasan ini,
semua nama menu dan objek akan diperlihatkan dengan huruf tebal. Adapun teks yang harus Anda ketikkan diperlihatkan
dalam huruf mesin tik.
1. Mengenal Tag pada HTML
Apakah itu tag HTML? Tag merupakan kode spesial yang dituliskan dengan tanda dan . Format umum untuk tag
adalah:
nama tagkata atau parameter yang harus dimasukkannama tag
Contohnya, judul untuk bagian ini menggunakan tag
Header.
h3Apakah tag HTML itu?h3
Tag ini memerintahkan web browser untuk menampilkan teks
Apakah tag HTML itu? Dalam style header tingkat 3.
Anda akan mempelajari tag ini nanti.
Pranala Luar
Anda dapat mengunjungi alamat situs berikut untuk
memperoleh penjelasan mengenai HTML .
• www.w3.orgMarkUp
Guide • http: lectoner.eepis.its.
edu~riyantoweb.html
Materi tambahan Cara Sederhana Sekali untuk
Membuat Homepage dapat Anda peroleh pada
CD Pendamping.
99
Pembuatan Homepage
100
Tag HTML memerintahkan web browser untuk menebalkan, menggarisbawahi, membuatnya sebagai header,
atau membuatnya memiliki fungsi hyperlink ke halaman web lain. Perlu Anda perhatikan pada akhir tag memiliki garis
miring “”.
nama tag
Tanda garis miring “” ini memerintahkan browser untuk berhenti menerjemahkan kode tersebut. Banyak kode HTML
yang dipasangkan seperti ini. Jika Anda lupa garis miring ini, web browser akan terus menerjemahkan tag hingga akhir
dokumen, berakibat hasil yang tidak diinginkan. Cobalah melakukan hal ini nanti sebagai percobaan.
Berbeda dengan pemograman komputer, jika Anda membuat kesalahan pengetikan di HTML, Anda tidak akan
menyebabkan sistem komputer hang atau rusak. Anda hanya akan melihat tampilan web yang salah. Cukup mudah
dan cepat untuk melihat kode HTML yang dibuat dan memperbaikinya.
Kali ini, Anda akan mencoba membuat homepage sederhana menggunakan bahasa HTML. Pertama-tama,
buatlah sebuah folder baru dengan nama
Myweb untuk
menyimpan semua pekerjaan membuat homepage. Kemudian, bukalah aplikasi web browser, seperti Internet Explorer versi 6
atau
Mozilla Firefox versi 3, serta teks editor seperti Notepad.
Kemudian, tuliskan pada Notepad teks berikut.
html body
“Hallo Dunia” body
html
Selanjutnya, save ile Notepad tersebut menjadi “ index.
html” dan simpan pada folder Myweb yang telah Anda buat. Dengan menggunakan ekstensi “.html”, web browser mengenali
ile ini dan akan membacanya sebagai dokumen HTML serta menampilkannya sebagai web.
Kembali ke web browser Anda. Melalui perintah FileOpen,
cari dan bukalah file index.html melalui browser Anda.
Lihatlah hasilnya.
Tokoh Informatika
Robert Cailliau lahir tanggal
26 January 1947 di Belgia. Ia merupakan seorang
Belgian ilmuwan komputer. Bersama Tim Berners-Lee,
ia mengembangkan World Wide Web dan bahasa
pemrograman
HTML.
Tips Trik
Browser web tidak
mengindahkan kaidah huruf besar atau kecil pada
penulisan tag HTML.
h3…..h3 tidak berbeda dengan
H3…..H3
Praktis Belajar Teknologi Informasi dan Komunikasi untuk Kelas XI
Apa yang Anda lihat? Bandingkan dengan teks yang telah Anda ketikkan ke Notepad. Pada tampilan browser, hanya
terlihat tulisan teks “Hallo Dunia”. Adapun tag
html
dan
body
yang telah diketikkan tidak terlihat di browser. Berikut ini adalah struktur dasar sebuah halaman HTML.
Hampir semua web memiliki struktur ini.
DOCTYPE HTML PUBLIC “-W3CDTD HTML 4.0EN”
html head
-- header info digunakan memasukkan informasi mengenai dokumen, tidak akan
ditampilkan halaman web -- head
body —Semua isi yang akan ditampilkan --
: : : :
: : body
html
Pada baris pertama berisikan tag berikut.
DOCTYPE HTML PUBLIC “-W3CDTD HTML 4.0EN”
Secara teknis tag tidak diperlukan. Baris ini berisi kode yang memberitahukan browser versi HTML yang sedang
dibuat. Pada baris selanjutnya, semua isi HTML dimasukkan dalam tag
html...html
. Di dalamnya terdapat
bagian head
head...head
. Tag head memiliki fungsi
Hasil dokumen Notepad setelah diubah menjadi
dokumen HTML. Hasilnya
dibuka menggunakan Mozilla Firefox 3.
Gambar 4.1
Info TIK
Satu ciri unik HTML
adalah jika browser tidak mengenali tag
yang diberikan, browser akan mengabaikan input
tag tersebut. Browser
akan meneruskan menerjemahkan tag yang
dimengerti.
101
Pembuatan Homepage
