Minggu, 26 Oktober 2008

CARA MEMBUAT HTML



HTML (Hyper Text Markup Language) merupakan halaman yang berada pada situs internet atau web. Maka suatu situs terdiri dari beberapa halaman HTML.
Sebenarnya HTML merupakan kumpulan kode-kode yang ditampilkan dalam format tag untuk ditampilkan dalam halaman web. Untuk membuat HTML, sama saja seperti membuat dokumen dalam perangkat lunak. Namun pembuatan HTML biasanya dibuat menggunakan editor notepad atau Ms Frontpage. Dibawah ini merupakan contoh membuat dokumen HTML sederhana menggunakan editor notepad.
Klik start→run→ketik notepad
Atau klik start→program→accessoris→notepad.
Setelah berada pada editor notepad ketiklah seperti berikut:


Saya sedang belajar HTML


Klik file→save As→beri nama html_pertamaku.html.
Pada save as type ganti dengan all files→save
Untuk melihat hasilnya, buka file tersebut dan tekan F5 pada keyboard

Ada elemen-elemen yang harus diketahui dalam pembuatan HTML. Elemen-elemen tersebut antara lain:
1. Head
Tag head berfungsi untuk mendeskripsikan hesder atau keterangan yang didalamnya memiliki elemen-elemen sebagai berikut:
Tag …., digunakan untuk memberi judul dari suatu homepage.
Tag …, lokasi URL lengkap dari dokumen ini
Tag …., link(taut) dokumen ini dan dokumen lain
Tag …., informasi tentang dokumen itu sendiri.

2. Body
Berfungsi untuk penyediaan tempat untuk mengisi text yang akan ditampilkan. Ada beberapa perlengkapan yang menyertai tag antara lain:
Background :untuk memuat background image
Bgcolor :untuk menentukan warna latar belakang
Bgproperties :untuk menentukan nilai property background
Leftmargin :untuk menentukan batas kiri halaman
Topmargin :untuk menentukan batas atas halaman
Text :untuk menentukan warna teks
Link :untuk menentukan warna link yang belum dikunjungi
Alink :untuk menentukan warna link aktif
Vlink :untuk menentukan warna link yang sudah dikunjungi
Beberapa tag yang sering digunakan di bagian body antara lain:
h1 sampai h6 :ukuran yang terbesar adalah h1
p :tag paragraf, dan tulisan berpindah ke baris berikutnya
ol dan li :untuk penulisan tag menggunakan nomor
ul dan li :untuk penulisan tag tidak bernomor
hr :menampilkan garis horizontal
b :mencetak tebal
i :mencetak miring
u :garis bawah pada teks
big :memperbesr teks
small :memperkecil teks
center :mengetengahkan teks
br :membuat garis baru
pre :untuk membuat table sederhana
Img :menampilkan gambar


3. Link
Link merupakan perintah yang digunakan untuk menghubungkan halaman yang satu dengan halaman yang lain.Format penulisan link dimulai dengan tag a dan diakhiri dengan tag /a.

4. Tabel
Untuk membuat table diperlukan beberapa tag sebagai berikut:
table :untuk mendefinisikan sebuah tabel
tr :untuk mendefinisikan baris table
td :untuk mendefinisikan kolom table
ht :untuk mendefinisikan table pada baris atau kolom

5. Form
Digunakan untuk membuat buku tamu bagi pengunjung yang masuk ke suatu situs poling atau sejenisnya.tag-tag yang digunakan adalah sebagai berikut:
Form : untuk mendefinisikan form dan diikuti oleh dua atribut yaitu METHOD untuk pengolahan form dan ACTION untuk menentukan direktori file.

Textarea : untuk membuat kotak isian tekd dan diikuti oleh atribut NAME untuk nama obyek teks area, ROWS untuk menentukan jumlah baris teks area, dan COLS untuk lebih dari satu pilihan.

Input : untuk meminta masukan dari pengguna dengan atribut NAME untuk input, SIZE untuk ukuran kotak input, MAXLENGHT untuk menentukan jumlah teks maksimum, VALUE menentukan nilai tetap sebuah obyek input, CHECKED untuk menentukan pilihan pada checkbook atau radio button, dan TYPE untuk menentukan type input.

Tidak ada komentar: