sedikit contoh mengenai dasar dasar HTML yang bisa kamu aplikasikan di blog maupun friendster.
1. memanggil gambar
<img src=”http://photos-p.friendster.com/photos/71/50/33460517/1_552375745m.jpg” border=”0″ width=”200″ height=”184″>
keterangan :
– teks yang dicetak tebal adalah lokasi dari image yang akan ditampilkan
– border=”0″ adalah ukuran dari border, border=”0″ berarti tanpa border
– width=”200″ adalah panjang dari gambar sebesar 200px (pixel)
– height=”183″ adalah tinggi dari gambar sebesar 183px (pixel)
hasil :
2. membuat link
<a href=”http://babibubabi.blogspot.com/“>ba.bi.bu</a>
keterangan :
– teks yang dicetak tebal adalah link yang dituju
– teks yang dicetak miring adalah tulisan yang ingin ditampilkan
hasil :
bisa juga bntuk teksnya di ganti gambar, jadi yang di klik bukan sebuah teks, melainkan gambar
<a href=”http://babibubabi.blogspot.com/“>
<img src=”http://photos-p.friendster.com/photos/71/50/33460517/1_552375745m.jpg” border=”0” width=”200” height=”184” alt="klik disini">
</a>
ganti saja teks yang berwarna merah dengan link tujuan,
teks berwarna orange dengan lokasi image,
dan anda tentu bisa mengganti parameter – parameter yang dicetak tebal seperti border, width ataupun height.
dan satu lagi, anda dapat menambah parameter alt yang akan menampilkan sebuah teks ketika gambar disorot oleh mouse
hasil :
<b>tebal</b> hasil tebal
<i>miring</i> hasil miring
<u>garis bawah</u> hasil garis bawah
<b><i><u>tebal-miring-garis bawah</b></i></u> hasil tebal-miring-garis bawah
4. warna, size dan font
<font face=”arial” color=”blue” size=”3″>arial-blue-3</font>
keterangan :
– face=”arial” jenis font menggunakan font arial
– color=”blue” font berwarna biru
– size=”3″ berukuran 3pt
hasil :
arial-blue-3
detail untuk warna, size dan font bisa dilihat disini