Kali ini kita akan kupas tuntas tentang atribut tag body pada HTML dan tentunya dengan
contoh dan anda bisa langsung mempraktekkannya.
Masih ingat pasangan tag <body> dan </body> kan? Berikut adalah atribut yang bisa dimasukkan ke dalam tag tersebut, (bgcolor,text,link,vlink,alink). Namun sebelumnya saya sarankan anda memahami dulu tentang Web dan HTML... bagi yang belum baca silahkan buka Perkenalan - ketik web dan Perkenalan - Apa itu HTML?
Gimana ? bingung? Nggak papa bingung daripada bengong. :) Sebenarnya mudah koq dengan langsung praktek aja.. setuju? harus setujulah...
Siapkan notepad anda, tuliskan kode html dibawah ini :
yang tampil dibrowser anda kira kira seperti ini :
Bagaimana? Mudahkan?
Sekian dari saya... bye....
Masih ingat pasangan tag <body> dan </body> kan? Berikut adalah atribut yang bisa dimasukkan ke dalam tag tersebut, (bgcolor,text,link,vlink,alink). Namun sebelumnya saya sarankan anda memahami dulu tentang Web dan HTML... bagi yang belum baca silahkan buka Perkenalan - ketik web dan Perkenalan - Apa itu HTML?
<body
bgcolor=?>
|
Untuk
memilih warna background website anda...
|
<body
text=?>
|
Untuk
warna text pada website anda...
|
<body
link=?>
|
Untuk
warna link pada website anda saat anda menahan kliknya.
|
<body
vlink=?>
|
Untuk
warna link pada website anda sebelum diklik.
|
<body
alink=?>
|
Untuk
warna link pada website anda saat anda menahan kliknya.
|
tanda
"?" diisikan dengan kode warna yang ada. Misalnya "#FFFFFF" untuk warna
putih, "#000000" untuk warna hitam, "#00FF00" untuk warna hijau, dll.
Untuk mempermudah kita mencari warna yang kita inginkan sebaiknya dengan
menggunakan software editor (contohnya Adobe Dreamweaver).
Catatan : Atribut tag untuk body ini juga bisa dituliskan bersamaan secara langsung seperti berikut : <body bgcolor="#FFFFFF" text="#000000" link="#0000CC" vlink="#33CC00" alink="#FF0000"> |
Gimana ? bingung? Nggak papa bingung daripada bengong. :) Sebenarnya mudah koq dengan langsung praktek aja.. setuju? harus setujulah...
Siapkan notepad anda, tuliskan kode html dibawah ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Belajar html tag body</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#FF0000" vlink="#00FF00" alink="#FF0000">
Hello kawan, ini adalah text. Dan ini adalah link saya <a href="http://ketikweb.blogspot.com">silahkan klik</a>.
</body>
</html>
yang tampil dibrowser anda kira kira seperti ini :
Coba anda tahan klik mouse pada link silahkan klik, tentunya warnanya berubah merah kan?
koq bisa? berikut penjelasannya :
Perhatikan tag yang saya warna merahkan :
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#00FF00" alink="#FF0000">
Hello kawan, ini adalah text. Dan ini adalah link saya <a href="http://ketikweb.blogspot.com">silahkan klik</a>.
</body>
Hello kawan, ini adalah text. Dan ini adalah link saya <a href="http://ketikweb.blogspot.com">silahkan klik</a>.
</body>
Pada taq body saya tambahkan atribut berikut :
- bgcolor adalah menunjukkan warna background website kita yaitu putih "#FFFFFF".
- text adalah menunjukkan warna text hitam "#000000".
- link menunjukkan warna link anda setelah diklik berwarna biru "#0000FF".
- vlink menunjukkan warna link anda sebelum diklik warna hijau "#00FF00".
- alink menunjukkan warna link anda saat kliknya ditahan warna merah "#FF0000".
Bagaimana? Mudahkan?
Sekian dari saya... bye....
Share ke Google
|
"Sobat suka postingan ini? Silahkan copy link dibawah ini dan paste ke web, blog, atau sosial media sobat yang nantinya akan menghubungkan sobat langsung dengan postingan ini. "
|
Untuk mendapat respon balik dari saya, tuliskan identitas sobat dalam memberi komentar dalam kolom dibawah ini. |
1 comments:
terimakasih mas, postingannya sangat membantu sekali...
Post a Comment