Tutorial Belajar HTML 7 : Menampilkan Gambar pada HTML
Menampilkan Gambar pada HTML –
Website akan terlihat kurang menarik jika isinya hanya menampilkan tulisan –
tulisan tanpa ada gambar atau yang lainnya. Pada materi kali ini adalah tentang
bagaimana menambahkan gambar pada html.
Menampilkan Gambar pada HTML
Untuk menambahkan gambar pada halaman
html kita adalah dengan menggunakan tag <img>. Tag <img> atau tag
image adalah untuk memberitahukan kepada browser bahwa ini adalah sebuah gambar.
Untuk lebih jelasnya, perhatikan kode berikut ini
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Latihan HTML</title>
</head>
<body>
<h1>Selamat Datang di Forum Web Design</h1>
<h2>Tempat belajar dan sharing seputar web design</h2>
<!-- Menampilkan Gambar pada HTML -->
<img src="kucing.jpg" alt="kucing">
</body>
</html>
- Tag img di gunakan untuk
mendefinisikan bahwa elemen yang ada di dalam tag img adalah sebuah gambar
- src=”” adalah atribut wajib yang
digunakan saat kita mau menambahkan gambar di html. Src sendiri adalah source atau
sumber gambar yang akan kita tampilkan
- Atribut alt=”” hanya optional saja,
akan tetapi atribut ini sangat membantu saat proses load halaman html kita mengalami
gangguan, karena ia akan menginformasikan kepada user bahwa itu adalah sebuah gambar.
Tampilannya akan seperti ini
Sekian materi tentang cara Menampilkan
Gambar pada HTML kali ini. Jangan lupa untuk terus belajar dan pantau terus web
ini untuk mendapatkan materi – materi baru. Semoga bermanfaat dan sampai jumpa
di materi berikutnya.
Post a Comment for "Tutorial Belajar HTML 7 : Menampilkan Gambar pada HTML"