we are move to our new home
http://babibu.eamca.com
feel free to explore

Saturday, October 11, 2008

Dasar - dasar HTML

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 :

ba.bi.bu

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 :

klik disini

3. tebal, miring, garis bawah

<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

0 comments:

Post a Comment