Belajar HTML Yuk ! (bagian 4-Tag <a> dan <img>)

on 18 January 2012

Ga kerasa udah belajar HTML (Bagian 4).Di bagian ini saya mau mencoba mengenalkan <select> dan <option>. Biar ngerti langsung praktek aja ya. Silahkan ketikkan kode alien ini di editor HTML :

<select>
    <optgroup label="Minuman">
        <option value="Teh">Teh</option>
        <option value="Mocca">Mocca</option>
        <option value="Anggur">Anggur</option>
    </optgroup>
    <optgroup label="Minuman Hangat">
        <option value="Kopi Kapal Api">Kapal Api</option>
        <option value="Teh Hangat">Teh hangat</option>
    </optgroup>
</select>
NB: <select> berada di antara <body> </body>.
Hasil output kode di atas sebagai berikut :


Setelah mengerti materi di atas, lanjut pembahasan mengenai Tag <a> </a>. Tag ini biasa di gunakan untuk meletakkan link dalam sebuah kalimat atau kata.^^
Langsung aja nih kode aliennya di ketik.
<a href=”http://agitshare.blogspot.com”>contoh meletakkan link</a>
Akan menjadi seperti ini : contoh meletakkan link

sekarang lanjut di tag <img>, gunanya untuk meletakkan gambar pada website anda, langsung aja tanpa basa basi, ni saya kasih contohnya:
<img src=”gambar.contoh.jpg” border=”1”/>
Hasilnya:
Untitled

penggunaan (src=) , berupa alamat dari gambar yang ingin anda tampilkan, misal gambar yang di beri nama “contoh” bertype “jpg”, di simpan bersamaan dengan file latihan html anda, jika letak gambar ada pada 1 folder di atas file latihan html yang sedang di kerjakan, dan folder itu bernama “gambar”, maka penggunaannya sperti ini :
<img href=”gambar/contoh.jpg”/>


semoga artikel saya bisa berguna buat yang membutuhkan, mau istrah dulu, cape juga nulis artikel .
-__-“

Ranking: 5

{ 0 komentar... read them below or add one }

Post a Comment

Blogger yang baik, selalu meninggalkan komentar setelah membaca .
^-^

Related Posts Plugin for WordPress, Blogger...

Berlangganan via email :


.
 
© Agit Share | Blognya Si Agit | All Rights Reserved
D.I.Y Themes ByBelajar SEO