Cara Membuat Kode HTML Img (Gambar)

Hi? Ketemu lagi dengan saya, tutorial kali ini saya akan membahas membuat kode html img atau gambar, ini merupakan lanjutan dari artikel sebelumnya yaitu kode html link.

Kode html img dimulai dengan <img>, contoh penulisannya sebagai berikut: <img src="url img" />. Kode diawali dengan <img dan di akhiri dengan />.
Contoh lainnya saya akan memasukkan foto cewek cantik Eriska Rein yang hidung dan senyumnya membuat membuat saya jatuh cinta. Heeeee (Pacar saya ne............. Ngarep Baget). Hohohoho
Kode html-nya <img src="https://upload.wikimedia.org/wikipedia/id/0/04/Eriska_Rein.jpg" /> dan hasilnya seperti di bawah ini.

Sumber gambar dari WikiPedia: Eriska Rein

Ada beberapa tag html yang bisa kita gunakan di html img antara lain height, width, title, alt dan style.
height = tinggi gambar
width = lebar gambar
title = title gambar
alt = bisa disamakan dengan title
style = tambahan kode css.

Contoh jika kita mau menggunakan tag di atas tinggal tambahkan saya kedalam kode html img yang di atas, seperti ini penulisannya <img alt="Missal: Saya suka Eriska Rein" height="320" src="url img" width="220" title="Missal: Saya suka Eriska Rein" />, nah dalam kode html img ini saya menambahkan tinggi gambar 320 dan lebar gambar 220, alt dan title saya isi dengan Saya suka Eriska Rein. Heeeee

Bagai mana sudah mulai paham ya cara membuat kode html img-nya, nah akhir kata semoga bisa bermanfaat untuk pengunjung blog semuanya ya.

Cara Membuat Kode HTML Link

Membuat kode HTML link di mulai dengan <a> lalu di tutup dengan </a>, ada beberapa tag yang diperbolehkan dalam html link antara lain: rel, title, style, dan target.

Langsung ke cara membuat kode html link dan contohnya:

1. Membuat link biasa: <a href="url anda">link text</a>
   Contoh saya akan membuat link dengan url: "http://juliasespiratesetlechat.blogspot.com/" dan link text: "kode HTML", membuatnya seperti diatas <a href="http://juliasespiratesetlechat.blogspot.com/">kode HTML</a>, hasilnya seperti ini "kode HTML".
2. Membuat link dengan tag rel: <a href="url anda" rel="">link text</a>
   Dalam rel ada beberapa tag yang di perbolehkan yaitu "nofollow", "dofollow",  "prev" dan "next".
   Contoh saya akan membuat link dengan rel="nofollow", penulisannya: <a href="url anda" rel="nofollow">link text</a>.
3. Membuat link dengan tag target: Penulisannya sama seperti yang pertama lalu tinggal kita tambahkan saja tag targetnya.
   Contoh: <a href="url anda" target="">link text</a>, dalam tag target kita bisa mengisinya dengan "_blank" atau "top", jadi penulisanya <a href="url anda" target="_blank">link text</a>.
4. Membuat link dengan title: Hampir sama juga dengan cara 2 dan 3, kita hanya menambahkan saja title kedalam kode html link.
   Penulisannya seperti ini: <a href="url anda" title="title anda">link text</a>
   Contoh saya akan membuat link dengan title "kode html link" dan link text "kode html link", <a href="http://juliasespiratesetlechat.blogspot.com/2016/02/html-link.html" title="kode html link">kode html link</a> hasilnya: kode html link
5. Membuat link dengan tag style: hanya menambahkan tag style saja kedalam kode html link-nya
   Contoh saya akan membuat link dengan warna text merah, <a href="url anda" style="color: red;">link text</a> hasilnya seperti ini html link berwarna.

Bagaimana mudah bukan? Intinya kita hanya perlu kode dasarnya saja yaitu yang no 1 (<a href="url anda">link text</a>), lalu kita tinggal tambahkan saja tag lainnya yang kita perlukan. Ok sekian saja dari saya, semoga bermanfaat.