Label:
Desain Web,
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 |
Gambar diatas menggunakan path relative, jika anda ingin menggunakan path absolute harus mengaktifkan atau menjalankan xampp terlebih dahulu.
1 komentar:
terimakasih atas kunjungan anda :)
Balas1. Berkomentarlah yang baik dan sopan
2. Berkomentarlah dengan kata-kata yang bermutu
3. Jangan berkomentar hal yang negatif