contoh HTML dasar
Amikom
1. Image HTML
Bayangkan apabila di web anda anda berisi tulisan dan tidak ada gambarnya pasti tidak
menarik. Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung.
Adanya gambar di web anda akan memperindah tampilan. File gambar yang umum
digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG. Ketika anda memilih suatu gambar
harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan
membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan
suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan
menyertakannya ke dalam suatu dokumen. Untuk menysipkan gambar pada dokumen html
di sediakan secara khusus yaitu Tag <img>.
Sintaks penulisannya :
<img src=”url” />
Tag <img> mempunyai atribut di antaranya:
Atribut Penjelasan
src Url dari file image/direktori gambar
align Letak gambar pada teks, nilai atributnya left, right, top, middle,
dan bottom
width Lebar gambar dalam satuan pixel
height Tinggi gambar dalam satuan pixel
alt Menampilkan teks pengganti jika gambar tidak tampil di brows
border Memberi bingkai pada gambar
contoh
latihan1.html
<!DOCTYPE html>
<html>
<head>
<title>Contoh Posisi Img</title>
</head>
<body>
<p>
Logo Amikom
<img src="amikom.jpg" width="223" height="226" align="bottom"
alt="Logo Amikom"/> menggunakan align="bottom".
</p>
</body>
</html>
0 komentar