Selalu tentukan ukuran gambar. Jika ukuran tidak diketahui, halaman akan berkedip sementara beban gambar.
HTML Images Sintaks
Dalam HTML, gambar didefinisikan dengan tag <img>.
<Img> tag kosong, berisi atribut saja, dan tidak memiliki tag penutup.
Src atribut mendefinisikan url (alamat web) dari gambar:
<img src="url" alt="some_text">
Alt Atribut
Atribut alt menentukan sebuah teks alternatif untuk gambar, jika tidak dapat ditampilkan.
Nilai atribut alt harus menjelaskan gambar dengan kata-kata:
<img src="image.jpg" alt="gembar bla2 :D">
Atribut alt diperlukan. Sebuah halaman web tidak akan memvalidasi dengan benar tanpa itu.
Layar Pembaca HTML
Layar pembaca adalah program perangkat lunak yang dapat membaca apa yang ditampilkan di layar.
Digunakan di web, pembaca layar dapat "mereproduksi" HTML sebagai teks-to-speech, ikon suara, atau output braille.
Pembaca layar yang digunakan oleh orang-orang yang buta, tunanetra, atau ketidakmampuan belajar.
Layar pembaca dapat membaca atribut alt.
Image Size - Lebar dan Tinggi
Anda dapat menggunakan atribut style untuk menentukan lebar dan tinggi dari suatu gambar.
Nilai-nilai yang ditentukan dalam pixel (px digunakan setelah nilai):
<img src="image.gif" alt="gambar gif" style="width:300px; height:300px">
Atau, Anda dapat menggunakan lebar dan tinggi atribut.
Nilai-nilai yang ditentukan dalam pixel (tanpa px setelah nilai):
<img src="image.gif" alt="gambar gif" width="300" height="300">
Lebar dan Tinggi atau Style?
Kedua lebar, tinggi, dan atribut gaya, berlaku dalam standar HTML5 terbaru.
Kami menyarankan Anda menggunakan atribut style. Ini mencegah gaya lembar mengubah ukuran default gambar:
Di duniakomputer007 kami lebih memilih untuk menggunakan atribut style.
Gambar di Server lain
Beberapa situs web menyimpan gambar mereka di server gambar.
Sebenarnya, Anda dapat mengakses gambar dari alamat web di dunia:
<img src="https://www.google.com.sg/search?q=sharingan&biw=1366&bih=667&tbm=isch&imgil=rqAG-zE9Yfj5nM%253A%253BX-35FtAhP-BIOM%253Bhttp%25253A%25252F%25252Fhdw.eweb4.com%25252Fsearch%25252Fsharingan%25252Fdownloads%25252F&source=iu&pf=m&fir=rqAG-zE9Yfj5nM%253A%252CX-35FtAhP-BIOM%252C_&usg=__cPlK8_uhC1JpmmSh4vC5dAO3Jv0%3D&ved=0CCQQyjc&ei=sTrcVIyXCdCKuwSZg4GYDg" alt="sharingan" width:"300" height="300">
Gambar animasi
Standar GIF memungkinkan gambar animasi:
<img src="image.gif" alt="gambar gif" style="width:300px; height:300px">
Perhatikan bahwa sintaks memasukkan gambar animasi tidak berbeda dari gambar non-animasi.
Menggunakan gambar sebagai link yang
Hal ini umum untuk menggunakan gambar sebagai link:
<a href="http://duniakomputer007.blogspot.com/"><img src="8.jpg" style="width:300px; height:300px; border:0"></a>
Kami telah menambahkan border: 0 untuk mencegah IE9 (dan sebelumnya) dari menampilkan perbatasan di sekitar gambar.
0 komentar:
Posting Komentar