Sore ini ane mau lanjutin postingan yang kemaren Belajar HTML
Ane akan membahas bagaimana cara memasukan gambar pada HTML
Setelah anda mengetahui struktur dari sebuah file HTML apa saja yang harus di tulis pertama kali, selanjutnya ane akan mengajak anda cara memuat/menampilkan gambar dan memahami atribut HTML.
Untuk memuat gambar pada dokumen HTML kita akan menggunakan tag <img> lalu kita akan meletakan gambar di dalam tag <img>
Pertama ketik seperti di bawah ini :
<!DOCTYPE HTML>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<b><big>Ini Contoh Gambar HTML</b></big><br>
<img src="test.jpg" widht="220" height="220"/>
</body>
</html>
Maka akan muncul gambar berikut
Keterangan :
- <b> Fungsinya membuat tebal huruf </b> Penutup
- <big> Fungsinya untuk membuat besar ukuran huruf </big> Penutup
Setiap tag img selain mempunyai atribut src untuk menyimpan lokasi gambar, anda juga harus menyertakan alt sebagai teks alternatif jika gambar tidak berhasil dimuat atau hilang.
<img src=‚test.png‛ alt=‚Ini adalah teks alternatif‛ />
Dan atribut lainya adalah width dan height, fungsinya adalah untuk mengatur ukuran gambar.
<img src=‚test.png‛ alt=‚Ini adalah teks alternatif‛ width=362 height=123 />
Dengan penambahan atribut alt jika gambar hilang atau gagal, maka akan muncul sebuah icon broken file, dan isi dari atribut alt akan di tampilkan.
.jpg)
makasih banyak buat infonya,, sangat bermanfaat sekali
BalasHapussama" gan
BalasHapus