Cara Menyisipkan Gambar pada Dokumen HTML

Tak hanya teks saja yang dapat dipergunakan di dokumen HTML, tapi kita juga bisa menyisipkan gambar di dalam dokumen HTML. Untuk keperluan ini, HTML menyediakan tag pembuka <img yang didukung dengan sejumlah atribut. Ingat!! Satukan Gambar dan index.html dalam satu folder agar kita bisa memanggil link gambar di dokumen HTML.
<body>
<p>
<!-- menggunakan path relative -->
<img src="merahputih.jpg" />
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
<hr />
<p>
<!-- menggunakan path absolute -->
<img src="http://localhost/web01/01/merahputih.jpg"
align="right" />
Lorem ipsum dolor sit amet, consectetur adipisici ng elit, sed do eiusmod tempor incididunt ut labore et dol ore magna aliqua.
</body>
Ganti merahputih.jpg dengan gambar yang ingin anda pakai
Untuk hasilnya sebagai berikut.
Menyisipkan Gambar
Menyisipkan Gambar
Gambar diatas menggunakan path relative, jika anda ingin menggunakan path absolute harus mengaktifkan atau menjalankan xampp terlebih dahulu.

Artikel Terkait Cara Menyisipkan Gambar pada Dokumen HTML :

1 komentar:

terimakasih atas kunjungan anda :)

Balas

1. Berkomentarlah yang baik dan sopan
2. Berkomentarlah dengan kata-kata yang bermutu
3. Jangan berkomentar hal yang negatif