Kupas Tentang HTML Gambar
Sudah dua hari blog yang berisi Trik Blog ini tidak mengisi trik-trik yang menarik karena ada banyak tugas yang harus di selesaikan di dunia nyata . Sekarang saya akan meneruskan materi yang telah di tulis di postingan saya sebelumnya yaitu Belajar HTML, materinya adalah HTML Gambar, HTML gambar sering sekali dipakai oleh para blogger ataupun seorang web disigner dan para master seo tentunya untuk mengoptimalkan postingan mereka .
Sebenarnya Atribute HTML pada gambar hanya sedikit saja, namun tidak salahnyakan kalau saya memberikannya walaupun hanya sedikit sebab hadits berkata "sebarkanlah walaupun satu ayat" bener g y?. Oke kita lihat saja yuk penjelasan tentang HTML Gambar.
HTML Gambar mempunyai elemen yang namanya IMG (Image). 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 :
Sebenarnya Atribute HTML pada gambar hanya sedikit saja, namun tidak salahnyakan kalau saya memberikannya walaupun hanya sedikit sebab hadits berkata "sebarkanlah walaupun satu ayat" bener g y?. Oke kita lihat saja yuk penjelasan tentang HTML Gambar.
HTML Gambar mempunyai elemen yang namanya IMG (Image). 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 sobat 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.
Tidak ada komentar:
Posting Komentar