Kumpulan Tag HTML

Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

Sebagai awal dari Java applets

Mendefinisikan daerah yang dapat diklik (link) pada image map

Membuat teks tebal

Membuat atribut teks default seperti jenis, ukuran dan warna font

Memberi (suara latar) background sound pada halaman web

Memperbesar ukuran teks sebesar satu point dari defaultnya

Membuat teks berkedip

Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

Pindah baris

Membuat caption pada tabel

Untuk perataan tengah terhadap teks atau gambar

Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

Indents teks

Represents different sections of text.

Menambahkan sound or file avi ke halaman web

Seperti tag

Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

Mendefinisikan input form

Mendefinisikan frame

Mendefinisikan attribut halaman yang akan menggunakan frame

...

Ukuran font

Mendefinisikan head document.

Membuat garis horizontal

Bararti dokumen html

Membuat teks miring

Image, imagemap atau an animation

Mendefinisikan input field pada form

Membuat bullet point atau baris baru pada list (berpasangan dengan tag , , and )

Mendefinisikan client-side map

Membuat scrolling teks (teks berjalan) - hanya pada MS IE

Mencegah ganti baris pada teks atau images

Jika browser user tidak mendukung frame

Mendefinisikan awal dan akhir list

Ganti paragraf

Membuat teks dengan ukuran huruf yg sama

Mendefinisikan awal script

Membuat tabel

Kolom pada tabel

Mendefinisikan title

Baris pada tabel

Membuat teks bergaris bawah

TAG HTML yang paling penting adalah tag-tag yang mendefinisikan judul, paragraf

dan ganti baris.

Seperti umumnya bahasa pemrograman lainnya, maka cara terbaik untuk

mempelajari HTML adalah dengan banyak berlatih. Latihan tentu saja memerlukan

alat bantu. Nah, pada dasarnya kamu bisa bikin file HTML menggunakan notepad,

tapi tentu saja banyak software untuk menulis dengan berbagai fasilitas yang akan

memudahkan. Googling aja atau cari di download.com dengan kata kunci HTML

Editor.

Judul

Judul didefinisikan dengan menggunakan tag sampai >h6>. mendefinisikan

huruf judul yang paling besar, dan yang terkecil. Untuk latihan coba kamu bikin

file HTML berikut ini dan perhatikan hasilnya. Ini Judul

Ini Judul

Ini Judul

Ini Judul

Ini Judul

Ini Judul

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf

Paragraf didefinisikan dengan menggunakan tag . Ini adalah sebuah paragraf

Ini paragraf lainnya

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum

dan sesudah paragraf.

Jangan lupa Tag penutup

Kamu pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag penutup

kayak ginii: Ini adalah sebuah paragraf

Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin

hal itu. Versi-versi HTML ke depan kayaknya ndak akan ngijinin kamu untuk

melewatkan tag penutup.

Menutup semua elemen HTML dengan tag penutup adalah cara yang ampuh untuk

menulis HTML yang kompatibel dengan smeua browser dan pengembangan ke depan.

Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).

Ganti Baris

Tag digunakan pada saat kamu pengen membuat baris baru, tapi belum ingin ganti

paragraf. Tag akan membuatkan sebuah baris baru buat kamu dimanapun kamu

letakkan tag itu. Ini adalah sebuah paragaraf dengan ganti baris

Tag adalah tag yang kosong. Nah, karena itu dia tidak punya tag penutup seperti

misalnya , karena jadi ndak masuk akal. Ya tho?

atau

Kamu akan makin sering melihat penulisan tag dengan cara begini:

Karena tag tidak memiliki tag penutup, maka tag tersebut melanggar salah satu

aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di

mana semua elemen harus ditutup.

Menuliskan penggantian baris dengan cara ini menjamin bahwa file HTML kamu

akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML

Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber

HTML. Sebuah komentas akan diabaikan oleh browser. Kamu bisa menggunakan

komentar untuk menjelaskan kode yang kamu bikin, dan tentu saja hal ini akan

membantu kamu saat kamu perlu melakukan perubahan pada kode kamu kapan-kapan.

Perhatikan bahwa kamu perlu menuliskan tanda seru setelah kurung buka, tetapi tidak

sebelum kurung tutupnya.

Ingat hal-hal berikut!

Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)

Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku:

Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda

kurung siku

Isi elemen berada di antara tag pembuka dan tag penutup

Beberapa elemen HTML tidak memiliki isi elemen

Beberapa elemen HTML tidak memiliki teg penutup

Beberapa Tips Yang Bermanfaat

Waktu kamu menulis teks HTML, maka kamu tidak akan pernah bisa yakin bagaimana

teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih

besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran

windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong

atau spasi dekat dengan teks itu.

HTML akan menghapus spasi dalam teks kamu. Berapa banyakpun kamu tuliskan spasi,

tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu

spasi.

Menggunakan paragraf kosong untuk menyisipkan baris kosong adalah kebiasaan

yang kurang baik. Gunakan tag sebagai penggantinya. (tapi jangan juga gunakan tag

untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).

HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa

elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar

Berikut adalah tag-tag penting yang akan sangat sering kamu pakai. Dan kamu akan

mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.

Tag

Description

Mendefinsikan sebuah dokumen HTML

Mendefinisikan isi utama

to Mendefinisikan judul 1 sampai 6

Mendefinisikan paragraf

Menyisipkan sebuah baris

Mendefinisikan garis horisontal

Bikin komentar

Atribut Tag HTML

Tag HTML dapat memiliki atribut. Atribut memungkinkan informasi tambahan pada

elemn HTML.

Atribut selalu memiliki pasangan nama/nilai seperti ini: nama=nilai.

Atribut selalu dicantumkan pada awal tag elemen HTML.

Contoh Atribut 1: mendefinisikan awal sebuah judul.

memiliki informasi tambahan tentang perataan baris.

Contoh Atribut 2:

mendefinisikan badan/isi halaman HTML kita.

akan membuat background layar menjadi merah.

Contoh Atribut 3:

mendefinisikan sebuah tabel HTML (nanti kita pelajari lebih lanjut).

memiliki tambahan informasi mengenai ketebalan garis pada tabel.

Selalu Gunakan Tanda Kutip pada Nilai Atribut

Nilai atribut seharusnya selalu diapit oleh tanda kutip. Tanda kutip ganda paling sering

digunakan, tapi sebenarnya tanda kutip tunggal juga boleh ko.

Pada beberapa situasi tertantu yang sangat jarang terjadi, seperti misalnya saat nilai

atribut itu sendiri berisi tanda kutip, maka kamub bisa gunakan tanda kutip tunggal.

Contohnya kayak gini:

nama=Uzumaki Jurus Seribu Bayangan Naruto

Table

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web terbagi pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : , , dan . Yang perlu diingat adalah bahwa tab dan

harus terletak di antara tag dan

Terdiri dari atribut :

align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang (background) dari tabel. border - ukuran lebar border tabel (dalam pixel). cellpadding - jarak antara isi cell dengan batas cell (dalam pixel). cellspacing - jarak antar cell (dalam pixel). width - ukuran tabel dalam pixel atau percent.

Contoh :

Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang dari baris. valign - perataan vertikal : top, middle atau bottom.

Contoh :

Tag ini digunakan untuk membuat kolom baru pada tabel.

align - perataan background - image yang digunakan sebagai latar belakang dari kolom. bgcolor - warna latar belakang colspan - lihat gambar contoh height - ukuran tinggi cell dalam pixels. nowrap - membuat supaya isi dari kolom tetap berada pada satu baris. rowspan - lihat gambar contoh valign - perataan vertikal :top, middle atau bottom. width - ukuran kolom dalam pixel atau percen.

Contoh :