Cara Mengenal HTML Gambar

Estetika dan Kecantikan Gigi S.A.S
Perbaikan dan Restorasi Gigi
Ig @ahligigijember

Sekedar share aja ne yach,, seperti biasa.. negelengkapi category belajar ngeblog.. :) Disini, kita pengen share mengenal sedikit lebih HTML Gambar yang memiliki elemen IMG (Image). Disini, Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil dan salah satu tips seo), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (Alamat URL gambar). Sobat bisa lihat kode HTML-nya di bawah ini.

<img
align="left"|"right"|"top"|"bottom"
alt="text"
border="pixel"
width="pixel"|"%"
height="pixel"|"%"
hspace="pixel"
vspace="pixel"
src="url"/>

Penjelasan :

* Align => bisa kalian isi dengan left, right, top ataupun bottom
* alt => tulisan yang menjelaskan gambar apabila gambar tidak muncul
* Border => ini adalah atribute yang menunjukan untuk memberikan garis pada Gambar
* Width => menunjukan panjang dari gambar, satuannya adalah pixel atau persen (%)
* Height => menunjukan lebar dari gambar, satuannya sama dengan Width yaitu pixel dan persen (%)
* hspace => menunjukan jarak horizontal (mendatar) gambar, satuannya adalah pixel
* vspace => menunjukan jarak vertikal (menurun) gambar, satuannya adalah pixel
* src => atribute ini adalah tempat untuk menaruh gambar yang akan di tampilkan, yang harus di taruh adalah alamat gambar yang ingin di tampilkan.

Sebagai cantoh sederhana silahkan kalian pahami kode tersebut :

<img src="urlgambar.jpg" alt="" border="0" />

Tulisan yang berwarna merah itu adalah tempat meletakkan url gambar, selebihnya kalian bisa modif sendiri tentang ukuran, jarak dan sebagainya.., :))

Sampai disini aja yach sharenya, selebihnya.. silahkan kalian kunjungi blognya para master2 ternama,, hehehehe.. trus.. jika temen2 ada yang bisa jelasin lebih detail lagi.., monggo.. di persilahkan share disini, langsung di posting entar sekalian linknya.. :))

TAGS: HTML gambar, cara mudah membuat html gambar, tutorial html, meletakkan gambar pada html, kode html dasar untuk gambar, membuat html gambar sendiri, gambar html, html coding, html tag, html code tutorial, free html tutorial, kode kode html, belajar ngeblog, tips trik bloggimg, tips ngeblog, belajar membuat blog, kode html, pengertian dasar html [...]


Foto Tentang Kecantikan Gigi Versi Tukang Gigi S.A.S
Koleksi Foto Hasil Perbaikan Gigi
Ig@ahligigijember
ahligigijember.blogspot.com



2 komentar:

Silahkan tinggalkan comment, kritik dan saranya sepatah dua kata jika anda tertarik dan mungkin atikel ini bermanfaat bagi anda, karna komentar dan saran anda adalah suatu kebanggaan tersendiri bagi blog ini..

From : Admin - Berbagipintar.blogspot.com