Males Ngeblog: CARA MENALPILKAN GAMBAR PADA HTML

Sore gan
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>
<big>Ini Contoh Gambar HTML</big> 
<img src="test.jpg" widht="220" height="220"/>
</body>
</html>

Maka akan muncul gambar berikut

Keterangan :

- Fungsinya membuat tebal huruf 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.

Dan atribut lainya adalah width dan height, fungsinya adalah untuk mengatur ukuran gambar.

Dengan penambahan atribut alt jika gambar hilang atau gagal, maka akan muncul sebuah icon broken file, dan isi dari atribut alt akan di tampilkan.

Facebook

Twiter

Males Ngeblog

CARA MENALPILKAN GAMBAR PADA HTML

2 komentar:

Membuat Baground Image Pada CSS

Laporkan Penyalahgunaan