Menambahkan Gambar di HTML
Gambar dapat kita tambakan di HTML dengan menggunakan tag <img>. Tag ini memiliki atribut wajib, yakni src.
Jika kita tidak mengisi atribut src, maka gambar tidak akan ditampilkan.
Alamat URL gambar pada atribut src dapat berupa URL maupun alamat path. Lalu tag <img> harus ditutup dengan menambahkan garis miring.
contohnya:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contoh Gambar di HTML</title>
</head>
<body>
<h1>Menampilkan Gambar di HTML</h1>
<p>Berikut ini adalah gambar sawah:</p>
<p>
<img src="stiker.png" />
</p>
</body>
</html
hasilnya:
Atribut style
Atribut style merupakan atribut untuk menambahkan style CSS pada sebuah elemen. Atribut ini sering digunakan pada gambar untuk memberikan style atau efek tertentu.
contohnya:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contoh Gambar di HTML</title>
</head>
<body>
<h1>Menampilkan Gambar di HTML</h1>
<p>Berikut ini adalah gambar kucing kendat:</p>
<p>
<img src="C:\Users\ASUS\Downloads\Dion Axsa R\stiker.png" style="width: 160px;border: 3px solid red;" />
<img src="C:\Users\ASUS\Downloads\Dion Axsa R\stiker.png" style="width: 160px;border-radius: 10px;" />
<img src="C:\Users\ASUS\Downloads\Dion Axsa R\stiker.png" style="width: 100px;height: 100px;border-radius: 100%;" />
</p>
</p>
</body>
</html>
hasilnya:
Komentar
Posting Komentar