SEKILAS TENTANG HTML Part 2
2. DOKUMEN HEAD
3. ATRIBUT BODY
Dalam bagian head ini kita dapat meletakkan beberapa tag diantara <head> dan </head> yaitu :
- Judul
Merupakan tag yang mendeklarasikan judul dari suatu dokumen HTML.Struktur tag untuk judul ini adalah :<title>...judul...</title> - URL
Merupakan tag yang menyatakan URL asal suatu dokumen HTML.Struktur tag untuk url asal adalah :<base href=”...”> - Link
Merupakan tag untuk menghubungankan antara suatu dokumen dengan dokumen lainnya dalam website yang dibuat. Struktur tag untuk menghubungkan dokumen adalah :<link href=”...”> - Meta
Merupakan tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML. Struktur tag untuk meta informasi adalah :<meta name=”...” content=”...”> - Index
Merupakan tag yang menyatakan bahwa dokumen tersebut diperkenankan di indeks oleh server web. Struktur tag untuk isi index adalah :<isindex> - Style
Merupakan tag yang mendefinisikan style dari dokumen HTML. Struktur tag untuk mendefinisikan style adalah :<style ahref=”...”>
Contoh penggunaan dalam HTML :
<html>
<head>
<title>Belajar HTML</title>
<link href="global.css" rel="stylesheet" type="text/css">
</head>
<body>
... dokumen html ...
</body>
</html>
3. ATRIBUT BODY
Bagian body dalam HTML adalah bagian dimana dokumen web akan terlihat dalam browser. Dalam bagian ini dapat berisi atribut-atribut, aturan dan isi dari dokumen web yang akan ditampilkan. Penulisan atribut body ini biasanya dituliskan sesudah tag “<body” dan sebelum “>” maupun sesudah tag <body> dan sebelum tag </body>. Dalam bagian body tersebut terdapat beberapa atribut yang bisa digunakan. Beberapa atribut tersebut adalah :
- Warna Latar
Atribut tag untuk mendefinisikan warna latar untuk isi di dalam dokumen web dengan menuliskan “bgcolor=nilai warna”. Contoh :<body bgcolor=”lime”> - Warna Teks
Atribut tag untuk mendefinisikan warna teks untuk isi di dalam dokumen web dengan menuliskan “text=nilai warna”. Contoh :<body text=”green”> - Warna Link
Jika anda memiliki sebuah tombol untuk menghubungkan (link / hyperlink) dalam dokumen web yang anda buat dengan dokumen web lainnya, anda dapat mendefinisikan warna dari tombol link tersebut ketika kita klik dengan menggunakan tag <link=”nilai warna1” alink=”nilai warna2”> contoh :<body link=”green” alink=”grey”>
Contoh penerapan dalam dokumen html :
<html>
<head>
<title>Dokumen Body</title>
</head>
<body bgcolor="lime" text="green" link="white" alink="grey">
Teks berwarna lime<br>
<a href=#>tombol1</a>
<a href=#>tombol2</a>
</body>
</html>
Dalam browser script diatas akan terlihat dua tombol yaitu tombol1 dan tombol2 dan ketika kita klik tombol tersebut maka akan berubah menjadi warna hijau
no coment deh :D
ReplyDeleteeh, btw kl buat gambar son goku yang dipojok itu htmlny ap??
Gampang kok :
ReplyDeletepertama login ke blog trus dari edit HTML cari kode ]]></b:skin>
trus letakkan kode dibawah ini diatasnya :
#gambar_pojok {
position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
udah tu cari kode </body> :
dan letakkan kode ini diatas kode tersebut :
<div id='gambar_pojok'>
<a href='http://www.topseratus.com/' target='_blank'><img alt='100 Blog Indonesia Terbaik' border='0' src='http://www.topseratus.com/button.php?u=jaimanapez'/></a>
</div>
tapi jangan lupa link ini :
http://www.topseratus.com/' target='_blank'><img alt='100 Blog Indonesia Terbaik' border='0' src='http://www.topseratus.com/button.php?u=jaimanapez
diganti dengan link gambar kamu.
dah itu caranya dicoba ya