Tuesday, June 19, 2012
1 comments

tag body ketikweb.blogspot.com
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?

<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 Dreamweaverketikweb).

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 :
ketikweb

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>

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".
Kemudian pada tag <a href="http://ketikweb.blogspot.com"> </a> ini menunjukkan bahwa kita sedang membuat link yang bisa di klik antara pasangan tag <a> </a>ini, kemudian dari klik ini akan mengantarkan kita ke alamat yang telah dimasukkan pada href="alamat link" yaitu http://ketikweb.blogspot.com.
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:

Anonymous said...

terimakasih mas, postingannya sangat membantu sekali...

Post a Comment

ketikweb ketikweb ketikweb
 
@2013 ketikweb.blogspot.com | Template Modified and Enhanced by Zulkifli Hasan