Cara Membuat HTML Dasar
Sebelum kita masuk ke topik utama
tentang cara membuat HTML dasar, yuk kita kenali dulu tentang deskripsi
singkat proses tampilnya halaman sebuah website. Saya rasa anda perlu
mengerti terlebih dahulu tentang hal ini berhubung HTML dan proses
menampilkan website sangat erat kaitannya.
Proses
tampilnya sebuah halaman website di browser anda (Google Chrome,
Mozilla Firefox, Internet Explorer, Safari dan lain-lain) itu sebenarnya
melibatkan HTML (HyperText Markup Languange), yaitu sebuah bahasa
pemograman yang digunakan untuk mengatur tampilan sebuah website. Proses
tampilnya halaman web itu sangat sederhana, proses tersebut adalah
sebagai berikut :
- Pada saat anda ingin mengakses sebuah halaman web, contoh pada saat anda mengakases http://www.dedeerik.com/index.html, tentu saja anda akan mengetikan alamat web tersebut di browser anda, saya kasih perumpamaan bahwa halaman web tersebut adalah halaman berlatar belakang warna merah dengan tulisan selamat datang.
- Browser akan mengirimkan permintaan anda tersebut ke server web www.dedeerik.com.
- Server www.dedeerik.com akan merespon dengan mengirimkan halaman yang diminta dalam bentuk teks yang berisi kode-kode HTML melalui internet dan dikirimkan kembali ke browser anda, isi kodenya adalah :
<HTML> <Body style="background-color:red"> Selamat Datang </BODY> </HTML>
- Browser yang anda gunakan akan membaca file HTML tersebut untuk menerjemahkan kata-kata <BODY style=”background-color:red”> sebagai instruksi untuk membuat latar belakang halaman web yang ditampilkan berwarna merah dengan tulisan Selamat Datang.
- Browser akan memblok latar belakang menjadi warna merah dengan menampilkan teks Selamat Datang dan menampilkannya untuk anda.
Di
atas adalah proses yang saya kutip dari penulis buku sakti webmaster,
kang Adhi Prasetyo dengan sedikit penyesuaian. Intinya adalah membuat
desain web berarti anda akan belajar bagaimana cara membuat halaman html
yang nantinya akan ditampilkan oleh browser pengunjung. Jika anda ingin
contoh yang lebih lanjut, ketika anda membaca tulisan ini coba anda
klik kanan mouse anda kemudian anda pilih opsi “view page source”.
Itulah sedikit gambaran tentang kode html sebuah halaman website.
Nah,
untuk mempermudah anda memahami hal ni, yuk kita belajar membuat contoh
html sederhana! silahkan ikuti instruksi dibawah ini, harap
diperhatikan bahwa ini hanya dasar saja, saya tidak mungkin menuliskan
materi lengkap di postingan yang singkat ini.
<HTML> <head> <title>Judul Halaman Ini </title> </head> <body style="background-color:red"> Selamat Datang di Halaman Pertama Website Kami </body> </html>
- Simpan file notepade tersebut dengan klik file -> Save As
- Saat anda menyimpan file tersebut, harap simpan dengan diapit tanda kutip dan ditambahkan.html contoh “coba.html” dan harap diingat folder dimana anda menyimpan file tersebut.
- Nah, sekarang kita lihat hasilnya, silahkan buka folder tempat menyimpan dokumen anda kemudian anda klik kanan dan open dengan browser anda contoh mozilla dan lihatlah hasilnya, dokumen html anda sudah tampil di browser anda dengan sempurna.
