Pertemuan
ke-3 13 Maret 2014
MENAMBAHKAN GAMBAR
Untuk
menampilkan gambar pada halaman, perlu menggunakan atribut src . Src singkatan dari
"sumber" . Nilai dari atribut src
adalah URL dari gambar yang ingin ditampilkan
.
Sintaks untuk mendefinisikan gambar :
<img src="url" alt="some_text">
Ket:
URL menunjuk ke lokasi di mana gambar disimpan . Misal, Sebuah gambar bernama " boat.gif " , yang terletak di direktori "images" pada " www.w3schools.com " memiliki URL : http://www.w3schools.com/images/boat.gif .
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen . Jika Anda menempatkan tag gambar antara dua paragraf , browser menunjukkan paragraf pertama , maka gambar , dan kemudian paragraf kedua .
HTML Images - The Alt Atribut
Alt atribut yang diperlukan menentukan sebuah teks alternatif untuk gambar , jika gambar tidak dapat ditampilkan .
Nilai atribut alt adalah teks penulis - didefinisikan :
<img src="smiley.gif" alt="Smiley face">
Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya ( karena koneksi yang lambat , kesalahan dalam atribut src , atau jika pengguna menggunakan pembaca layar ) .
HTML Images - Mengatur Tinggi dan Lebar dari suatu Gambar
Atribut tinggi dan lebar yang digunakan untuk menentukan tinggi dan lebar dari suatu gambar .
Nilai atribut yang ditetapkan dalam piksel secara default :
<img src="smiley.gif" alt="Smiley face" width="42" height="42">
Sintaks untuk mendefinisikan gambar :
<img src="url" alt="some_text">
Ket:
URL menunjuk ke lokasi di mana gambar disimpan . Misal, Sebuah gambar bernama " boat.gif " , yang terletak di direktori "images" pada " www.w3schools.com " memiliki URL : http://www.w3schools.com/images/boat.gif .
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen . Jika Anda menempatkan tag gambar antara dua paragraf , browser menunjukkan paragraf pertama , maka gambar , dan kemudian paragraf kedua .
HTML Images - The Alt Atribut
Alt atribut yang diperlukan menentukan sebuah teks alternatif untuk gambar , jika gambar tidak dapat ditampilkan .
Nilai atribut alt adalah teks penulis - didefinisikan :
<img src="smiley.gif" alt="Smiley face">
Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya ( karena koneksi yang lambat , kesalahan dalam atribut src , atau jika pengguna menggunakan pembaca layar ) .
HTML Images - Mengatur Tinggi dan Lebar dari suatu Gambar
Atribut tinggi dan lebar yang digunakan untuk menentukan tinggi dan lebar dari suatu gambar .
Nilai atribut yang ditetapkan dalam piksel secara default :
<img src="smiley.gif" alt="Smiley face" width="42" height="42">
Contoh script menambahkan gambar:
<html>
<head>
<tittle>Menambahkan
gambar</tittle>
</head>
<body>
<img scr=”al.jpeg” alt=”gambar
gelembung” align=”middle”/>
Gambar ini dapat pada windows 98 secara
default, anda boleh menggantinya
</body>
</html>
Untuk Link ke web
<a
href=”http://www.amikom.ac.id>kampusku</a>
<a
href=”http://www.twitter.com/agus>my tweet</a>
Tidak ada komentar:
Posting Komentar