Kali ini ane mau share mengenai elemen BODY, TAG dan ATRIBUT. Bagi yang mau melihat artikel HTML yang sebelumnya bisa klik disini dan juga disitu. Oke sob? kita mulai yah, cekidot :D
B. ELEMEN BODY
Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau
isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser. Atribut BODY beserta fungsinya, yaitu :
1. ALINK : Menyatakan warna dari link yang sedang aktif
2. BACKGROUND : Menyatakan file gambar yang digunakan sebagai latar belakang
3. BGCOLOR : Menyatakan warna yang digunakan sebagai latar belakang
4. BGPROPERTIES : Jika di set fixed, membuat suatu watermark yaitu background tetap
5. LEFTMARGIN : Mengatur margin kiri dari isi dokumen dengan ukuran pixel
6. LINK : warna dari link yang belum pernah dikunjungi
7. TEXT : Mengatur warna teks dokumen web
8. TOPMARGIN : Mengatur margin atas dari isi dokumen dengan ukuran pixel
9. VLINK : Warna link yang pernah dikunjungi
isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser. Atribut BODY beserta fungsinya, yaitu :
1. ALINK : Menyatakan warna dari link yang sedang aktif
2. BACKGROUND : Menyatakan file gambar yang digunakan sebagai latar belakang
3. BGCOLOR : Menyatakan warna yang digunakan sebagai latar belakang
4. BGPROPERTIES : Jika di set fixed, membuat suatu watermark yaitu background tetap
5. LEFTMARGIN : Mengatur margin kiri dari isi dokumen dengan ukuran pixel
6. LINK : warna dari link yang belum pernah dikunjungi
7. TEXT : Mengatur warna teks dokumen web
8. TOPMARGIN : Mengatur margin atas dari isi dokumen dengan ukuran pixel
9. VLINK : Warna link yang pernah dikunjungi
Tabel warna yang digunakan pada dokumen HTML yang menggunakan kode heksadesimal atau nama dari RGB :
WARNA
|
NOMOR HEXADESIMAL
|
Black
|
#000000
|
Maroon
|
#800000
|
Green
|
#008000
|
Olive
|
#808000
|
Navy
|
#000080
|
Purple
|
#800080
|
Teal
|
#008080
|
Gray
|
#808080
|
Silver
|
#C0C0C0
|
Red
|
#FF0000
|
Lime
|
#00FF00
|
Yellow
|
#FFFF00
|
Blue
|
#0000FF
|
Fuchsia
|
#FF00FF
|
Aqua
|
#00FFFF
|
White
|
#FFFFFF
|
Berikut potongan program untuk menentukan warna background suatu dokumen :
<BODY BGCOLOR=”#FFFFFF”>
<BODY BGCOLOR=”WHITE”>
<BODY BGCOLOR=”#FFFFFF”>
<BODY BGCOLOR=”WHITE”>
Contoh program dengan menggunakan stylesheet dan warna teks :
<HTML>
<HEAD>
<TITLE>Uji coba warna link</TITLE>
<STYLE type=”text/css”>
BODY {background:white;color:black}
A:link {color:red}
A:visited {color:maroon}
A:active {color:fuchsia}
</STYLE>
</HEAD>
<BODY>
<A HREF=P6_1.html>Teks warna merah-doc.belum pernah dikunjungi<BR>
<A HREF=P6_2.html>Teks warna maroon-doc.pernah dikunjungi
</BODY>
</HTML>
C. TAG
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen.
Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan :
1. Tag awal, dinyatakan dalam bentuk <nama tag>
2. Tag akhir, dinyatakan dalam bentuk </nama tag>
Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan :
1. Tag awal, dinyatakan dalam bentuk <nama tag>
2. Tag akhir, dinyatakan dalam bentuk </nama tag>
Format : <nama tag> teks yang ditampilkan </nama tag>
Contoh : untuk menampilkan teks dalam format teks miring
<I>Teks ini terlihat miring di browser anda</I>
Tidak semua tag mengikuti aturan diatas. Ada beberapa macam bentuk tag yang dikenal
oleh HTML, dimana umumnya tag-tag dalam dokumen HTML muncul dalam bentuk seperti barikut ini :
1. <nama_elemen>teks</nama_elemen>
- Contoh : <TITLE>Home Page Saya</TITLE>
- Tag yang umum dipaki dalam suatu dokumen HTML, yaitu tag yang mempunyai awal
dan akhir.
2. <nama_elemen>
- Contoh : <HR>
- Tag tersebut disebut dengan tag tunggal, yaitu tag yang hanya terdiri dari tag awal saja
tanpa disertai dengan tag akhir.
tanpa disertai dengan tag akhir.
3. <nama_elemen nama_atribut=argumen>teks</nama_elemen>
- Contoh : <A HREF=’http://www.microsoft.com/”>Microsoft Page</A>
- Tag yang disertai dengan suatu atribut didalamnya. Banyak elemen dari suatu tag
mempunyai argumen-argumen yang mengirimkan parameter pada browser yang
menangani elemen ini. Argumen-argumen dari elemen ini disebut atribut elemen.
menangani elemen ini. Argumen-argumen dari elemen ini disebut atribut elemen.
- Contohnya adalah elemen Anchor (<A>) yang mempunyai beberapa atribut, salah
satunya adalah HREF yang menyatakan dokumen atau link yang dihubungkan dengan
teks yang mengandung anchor tersebut.
D.ATRIBUT
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag
tersebut. Misalnya : <P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf.
Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.
tersebut. Misalnya : <P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf.
Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.
Dalam HTML, nilai atribut dalam pasangan tanda petik ganda, kecuali jika :
- Nilai merupakan suatu kumpulan dari nilai tertentu ( misalnya dalam
<P ALIGN=”left”> tanda petik ganda boleh dihilangkan, maka penulisan boleh
<P ALIGN=left> ).
- Nilai hanya berisi angka, huruf dan titik ( dalam <IMG SRC=”picture/hiasan.gif”
ALT=”Menampilkan hiasan”>, kedua nilai tersebut memerlukan tanda petik ganda
karena SRC mengandung tanda “/” dan ALT mengandung spasi ).
0 komentar:
Post a Comment