Hypertext
Markup Language (HTML)
adalah sebuah bahasa markah yang digunakan untuk membuat
sebuah halaman web dengan pemformatan hiperteks sederhana yang ditulis dalam
berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi
Format halaman HTML adalah
terdiri dari dua bagian yaitu bagian Header dan bagian Body, yang semuanya itu
dibuka dan ditutup dengan <tag>. Seperti tag <html> adalah
digunakan untuk tanda awal dari suatu halaman HTML, sedangkan tag </html>
(diawali tanda slash) digunakan untuk tanda akhir dari suatu halaman HTML.
Tag-tag tersebut dapat ditulis dengan huruf kecil maupun huruf besar, karena
HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).
Di bagian tag <head> dapat diisi
tag lain, diantaranya sebagai berikut :
- Judul halaman : <title> . . .
</title>
- Informasi untuk search engine : <meta
name=”penjelasan” content=”isi”>
- Penyisipan musik ke dalam web : <bgsound
src=”namafile.midl” loop=”-1 | 1”>
Di dalam tag <body> dapat
ditambahkan attribut, diantaranya sebagai berikut :
- Warna teks :
text=”warna”
- Warna latar belakang : bgcolor=”warna”
- Latar belakang gambar : background=”nama file gambar”
- Warna link yg pernah dikunjungi :
vlink=”warna”
- Warna link yg aktif : alink=”warna”
Style dari teks
Ada
dua cara untuk pengaturan style teks, yaitu menggunakan heading dengan tag
<h> atau menggunakan font dengan tag <font>. Heading <h> menyediakan 6 style teks
yang dapat diatur menggunakan angka dari 1 sampai 6, dimana angka 1 adalah
ukurang yang paling besar, biasanya digunakan untuk judul atau sub judul, yang
dicetak besar dan tebal (bold). Heading mempunyai attribut untuk mengatur
perataan yaitu Align=”Left | Center | Right”.
Di dalam tag dapat ditambahkan
attribut, diantaranya sebagai berikut :
1. Ukuran : size=”angka
1 s/d 7”
2. Warna Teks : color=”warna”
3. Jenis font yang dikehendaki :
face=”tipe_font”
Pengaturan format tata letak
Adapun
tag-tag yang digunakan disini adalah meliputi tag :
Paragraf : <p> atribut adalah Align=”letak”</p>
Ganti baris : <br>
Teks apa
adanya : <pre> … <pre>
Indentasi (tabulasi) : <blockquote>
… </ blockquote>
Huruf tebal : <b> … </b> atau <strong> … </strong>
Huruf miring : <i>
… </i> atau <em> … </em>
Huruf garis bawah : <u>
… </u>
Subscript : <sub> … </sub>
Superscript : <sup> … </sup>
Huruf kecil : <small> … </small>
Huruf besar : <big> … </big>
Perataan
tampilan : <div align=”…”>
Mencoret
teks : <strike> … </strike>
Garis
horisontal : <hr>
Manipulasi Daftar Item
Ada beberapa tag khusus yang
berhubungan dengan pembuatan daftar, diantaranya <UL>, <OL>,
<LI>, <DL>, <DT>, <DD> dan <MULTICOL>.
Membuat Tabel
Format sebuah tabel
sebenarnya sederhana, akan tetapi dapat menjadi rumit karena sifat struktur
aslinya. Meski sederhana tetapi aturan mainnya harus benar-benar diikuti, tidak
seperti penggunaan tag-tag yang lain. Sebuah tabel dimulai dengan tag
<TABLE>. Setiap baris tabel dibentuk dengan tag <TR> dan setiap
kolom dibentuk dengan tag <TD>, jika kolom ingin huruf didalamnya
otomatis tebal dan ketengah, biasanya untuk judul, maka tag <TD> bisa
diganti <TH>.
Di dalam tag <TABLE> dapat
ditambahkan attribut, diantaranya sebagai berikut :
- Bentuk border di sekeliling tabel :
border=”angka” , angka 0 berarti tidak bergaris
- Warna border tabel : bordercolor=”warna”
- Mengatur Posisi tabel : align=”left | center |
right”
- Jarak antar border dengan isi : cellpadding=”angka”
- Mengatur tebal frame dlm pixel : cellspacing=”angka”
- Lebar tabel dlm pixel / persen : width=”angka”
Attribut yang dapat ditambahkan pada
tag <TABLE>, <TR> dan <TD> adalah :
Warna latar belakang : bgcolor=”warna”
Gambar sebagai latar belakang : background=”nama_file”
Perataan isi sel secara horisontal :
align=”left | center | right”
Perataan isi sel secara vertikal : valign=”top | middle | bottom”
Untuk menggabung kolom : colspan=”angka”
Untuk menggabung baris : rowspan=”angka”
Lebar kolom dlm pixel / persen : width=”angka”
tinggi baris dlm pixel : height=”angka”
0 Response to "Hypertext Markup Language (HTML)"
Posting Komentar