Membuat Dokumen HTML

Dokumen HTML merupakan Teks murni (ASCII) dengan kode-kode special. Maksudnya adalah dokumen HTML hanya akan berisi Tulisan berupa Huruf, Angka, tanda baca dan karakter-karakter lainnya termasuk Kode-kode Tag HTML itu sendiri.

Membuat dokumen HTML sebenarnya dapat dilakukan dengan 2 cara, yaitu dengan cara manual dan dengan cara menggunakan HTML Editor. Cara manual memerlukan banyak tenaga dan waktu karena anda akan banyak melakukan pengetikan, sedangkan kalau menggunakan HTML Editor seperti MS Front Page, Asymetrix WEB Publisher, Macro Media BackStage dll, akan mempermudah pekerjaan anda termasuk tenaga dan waktu.

Apa yang dibutuhkan?
Anda hanya memerlukan sebuah program penyunting teks untuk membuat dokumen HTML. Penyunting teks disini yang saya kira cukup untuk digunakan adalah Write/Word Pad, Note Pad, walaupun masih banyak penyunting teks lainnya seperti MS Word dsb.

Bentuk Umum HTML
Dibawah ini ada contoh/bentuk umum dari sebuah dokumen HTML yang akan terlihat pada waktu kita membukanya dengan menggunakan Text Editor atau NotePad:

Hallo apa kabar?

Mudah-mudahan kabarnya Baik.

Dari contoh diatas jika anda membuka file ini dengan menggunakan MicroSoft Internet Browser atau Netscape, anda hanya akan melihat tulisan:

Hallo apa kabar?
Mudah-mudahan kabarnya Baik.

Tanda ‘/‘ atau “” menandakan akhir perintah tag, entah itu untuk , dsb.

Jika ada Pembuka, harus ada Penutupnya juga!

Keterangan:

• Pembuka/Awal setiap membuat suatu dokumen HTML.
• Penutup/Akhir dari suatu dokumen HTML.
• Tag Penutup untuk Judul Halaman/dokumen HTML.
• Tag Awal dari Apa yang akan diketikan/diisi pada Dokumen HTML.
• Tag Penutup dari sisan dokumen HTML.
• 
  Tag untuk memisahkan satu baris menjadi dua baris

Yang harus diingat adalah:
Apa yang kita ketikan di NotePad dengan yang akan ditampilkan sebagai suatu dokumen di Internet akan kelihatan beda.

Kode-kode TAG HTML dan Contohnya
Saya akan menjelaskan secara singkat mengenai kode-kode Tag pada HTML.

Isian Komentar anda –>
Untuk mengisi Komentar anda (untuk mempermudah perbaikan atau koreksi)
Semua ketikan yang diapit oleh tag tidak akan tampil saat dokumen dibuka oleh browser.

• Contoh:
  Aturan Warna, Huruf dan Link Mulai dari sini –>

Untuk membuat Link ke halaman lain atau halaman yang sama dengan topic tertentu.

• Contoh:
  Klik disini untuk halaman2.htm“>Pindah ke halaman 2
  Hasilnya: Klik disini untuk Pindah ke halaman 2
• Contoh2:
  http://www.yahoo.com/“>Klik disiniuntuk ke Yahoo!
  Hasilnya: Klick disini untuk ke Yahoo!

Menutup suatu Link.

Membuat nama jangkar untuk Link ke tempat tertentu pada halaman yang sama ataupun yang berbeda berdasarkan topic yang diinginkan.

• Contoh:
  kodetaghtml”>Kode-kode TAG HTML dan Contohnya
• Contoh2:index.htm#kodetaghtml”>Kode-kode TAG HTML
•  

Menutup suatu Link.

Membuat Text yang berada diantara kedua Tag menjadi Tebal (bold)

• Contoh: Peringatan!Pemerintah
  
• Hasilnya: Peringatan Pemerintah.

• Contoh2: Peringatan!Pemerintah.
• Hasilnya: Peringatan Pemerintah.

Menentukan warna atau gambar latar belakang dokumen, warna text, jenis huruf, warna Link, warna Link yang telah dikunjungi serta link yang aktif.

BGCOLOR = Warna latar belakang
BACKGROUND = Gambar latar belakang
FONT SIZE = Ukuran Huruf
FONT COLOR = Warna Huruf
LINK = Warna untuk Text Link
VLINK = Warna untuk Text Link yang telah dikunjungi

• Contoh:
  BGCOLOR=”FFFFFF“ FONT SIZE=3 FONT COLOR=”000000“ LINK=”0000FF“ VLINK=”FF0000>
• Contoh2:
  BACKGROUND=”logo.gif” FONT SIZE=3 FONT COLOR=”000000” LINK=”0000FF” VLINK=”FF0000>

Menutup Kode Tag Center.

Merubah Jenis Huruf, Ukuran Huruf dan Warna Huruf.

• Contoh:
    < Comic Sans MS” FONT SIZE=4 FONT COLOR=”000000 > Selamat Datang di Anak Irian’s Home Page!
  Hasilnya:
  Selamat Datang di RAMA Home Page

Penutup untuk Tag Huruf.

Menentukan Ukura Header/Topic dari pada Dokumen

• Contoh:
  

  < H1  > Ini H1 < /H1 >
  Hasilnya:

    Ini H1
• Contoh:
  

  < H2 > Ini H2 < /H2 >

  
  Hasilnya:    Ini H2
• Contoh:
  

  < H3 > Ini H3 < /H3 >
  

  
  Hasilnya:   Ini H3
• Contoh:
  

  < H4 > Ini H4 < /H4 >

  
  Hasilnya: Ini H4

---

Perintah yang selalu diletakan pada bagian awal dokumen HTML yang menyatakan bahwa dokumen ditulis dalam kode HTML.

Perintah yang selalu diletakan di Akhir suatu dokumen HTML.

Membuat Teks pada dokumen yang diapit oleh Tag dan menjadi miring (Italic)

• Contoh:
  Computer merupakan    Ilmu Praktisi   dan bukan Teori belaka.
  Hasilnya: Computer merupakan Ilmu Praktisi dan bukan Teori belaka.

Contoh pertama merupakan cara memasukan gambar, contoh kedua merupakan contoh cara menggunakan gambar sebagai link dan contoh yang ketiga merupakan contoh untuk memasukan gambar animasi (AVI) kedalam dokumen HTML.

Menentukan Awal dan Akhir sebuah Paragraf.

• Contoh:
  
  < p >  Ini merupakan Awal serta akhir dari Paragraf pertama  <  /p >
  
  

Menentukan Judul untuk tiap dokumen HTML yang anda buat. Judul ini akan nampak pada Titlebar browser anda.

• Contoh: < TITLE  >  RAMA Home Page  < /TITLE >
  

“SELAMAT MENCOBA”