Belajar HTML #10 | Cara Menampilkan Gambar Pada Halaman Website Menggunakan HTML
Belajar Bareng Minarsih - Edisi Ngoding
25 Oktober 2022
Untuk menampilkan gambar pada sebuah website kita bisa menggunakan tag <img>
Dalam tag <img> kita akan memasukan atribut src, atribut src digunakan untuk menghubungkan dengan file tempat gambar berada
contoh :
<img src="img/laptop.png">
Hasil dari kode di atas pada browser akan terlihat seperti ini:
atau kamu bisa langsung menggunakan gambar dari image adress
contoh :
copy image adress dari gambar yang kamu temukan di website, lalu paste di dalam atribut src
<img src="https://images.unsplash.com/photo-1661961112835-ca6f5811d2af?ix1lib=rb-4.0.3&ixid%20=MnwxMjA3fDF8MHxwaG90by1wYWd1fHx8FGVufDB8FHx88&auto=Fformat&fit=crop&w=8728q=80">
save lalu coba buka di browser
Artikel Lainnya Dengan Kategori Terkait :
1. 5 HTML Tags For Accessibility
2. Belajar HTML #01 | Apa Itu HTML ? Pengertian HTML Lengkap Untuk Pemula
3. Belajar HTML #02 | Cara Sederhana Membuat Code HTML
4. Belajar HTML #03 | Membuat Heading di HTML
5. Belajar HTML #04 | Format Text di HTML
6. Belajar HTML #05 | Membuat Paragraf di HTML
7. Belajar HTML #06 | Membuat Tabel Pada HTML
8. Belajar HTML #07 | Membuat Link Pada HTML
9. Belajar HTML #08 | Cara Membuat List Di HTML
10. Belajar HTML #09 | Cara Membuat Box Shadow CSS dan HTML Praktis Tanpa ribet (efek bayangan CSS)
11. Belajar HTML #10 | Cara Menampilkan Gambar Pada Halaman Website Menggunakan HTML
12. Belajar HTML #11 | Cara Menampilkan Video Pada Halaman Website Menggunakan HTML
13. Belajar HTML #12 | Cara Membuat Form Pada HTML
14. Belajar HTML #13 | Belajar Membuat Layout Pada HTML
15. Belajar HTML #14 | Belajar Menghubungkan HTML dengan CSS
16. Belajar HTML #15 | Cara Menambahkan Audio ke Halaman Website Menggunakan HTML.
17. Belajar HTML #16 | Cara Menambahkan Garis Horizontal di HTML
18. Belajar HTML #17 | Cara Menambahkan Komentar di HTML
19. Belajar HTML #18 | Tutorial Cara Membuat Checkbox dan Radio Button di HTML
20. Buat Desain Web Responsif CSS
21. Cara Membuat Accordions Dengan HTML & CSS
22. Cara Membuat Favicon Dengan HTML
26. Input HTML Yang Perlu Diketahui
27. Memahami Pentingnya Semantic HTML dalam Struktur Website
28. Membuat Form HTML dengan Input Sugestion
29. Penggunaan Atribut Elemen Anchor dalam HTML
31. Tag HTML yang Jarang Diketahui
