Dasar – dasar HTML

Standard

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=”184alt="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

Leave a Reply