Menambahkan gambar secara offline
- Pastikan gambar sudah dalam folder yang sama dengan file HTML yang akan dimasukkan gambar
- Buat file HTML dan masukkan tag :
<img src="image.jpg"/>
- Tag <img sendiri menjelaskan bahwa tag tersebut untuk menampilkan sebuah gambar
- src atau source sendiri memiliki artian dari sumber atau attribut dari tag <img
- Sedangkan "image.jpg" adalah gambar yang akan kita gunakan , pastikan nama dan extensi gambar yang akan dimasukkan, sama dengan apa yang kita masukkan ke dalam text editor
- Jika nama atau extensi salah , maka tag gambar yang kita tuliskan tidak menampilkan apapun.
<!DOCTYPE html>
<html>
<head>
<title>Pembuatan Gambar</title>
</head>
<body>
<p>di bawah ini adalah gambar favorit saya</p>
<br/>
<img src="gambar.jpg"/></body>
</html>
Maka akan menghasilkan gambarDan pastikan gambar dan text yang Anda simpan dalam satu folder
Membuat gambar secara online
- Memiliki perintah yang sama yakni <img
- Buka browser dan cari gambar yang Anda sukai
- Klik gambar tersebut lalu klik kanan dan pilih perintah Copy image url
- Paste kan ke dalam tag setelah src :
<!DOCTYPE html>
<html>
<head>
<title>Pembuatan Gambar</title>
</head>
<body>
<p>di bawah ini adalah gambar favorit saya</p>
<br/>
<img src="src="'" >https://gambar.com/team_photo.jpg"/>"/></body>
</html>
Dan itulah cara menambahkan gambar secara online maupun offline dalam HTML , semoga membantu.
Post A Comment:
0 comments: