Gambar dalam konteks web atau blog sangatlah penting, karena sepertini yang membuat pengunjung web atau blog betah berlama-lama dan lain kali pengunjungnya kembali.
Anda bisa bayangkan kalau sebuah web yang dikunjungi tidak ada visual gambar sama sekali, walaupun informasinya menarik tapi mungkin cukup sekali baca dan hanya berkesan singkat sehingga lain waktu sudah melupakannya. tapi bukan berarti banyak gambar akan baik untuk sebuah situs, bisa-bisa jika kebanyakan gambar akan mempengaruhi waktu tampilannya, jadi yang secukupnya dengan tujuan yang jelas dan menarik.
langsung saja pada intinya gan.. hhe
Cara menampilkan gambar pada website menggunakan tag : <img>
Atribut yang dapat digunakan, antara lain alt, src.
Contoh Penggunaan :
<img src="gambar.jpg" alt="Logo" width="300" height="150"/>
Keterangan :
Src = Alamat gambar yang ingin ditampilkan.
alt = Text alternatif yang ditampilkan jika file gambar tidak ditemukan.
width = Menentukan ukuran lebar gambar.
height = Menentukan ukuran tinggi gambar.
gambar.jpg, pilih gambar yang anda inginkan.
Latihan :
<html>
<head>
<title>Cara menyisipkan gambar </title>
</head>
<body>
<h2>Menampilkan gambar</h2>
<img src="namagambar.jpg" alt="logo" title="namalogo" width="200" height="200"/>
</body>
</html>
Simpan (save) dengan nama menyisipkangambar.html pada folder anda.
Maka tampilannya sebagai berikut :
Keterangan :
1. hasil dari tag <title>
2. hasil dari nama file ini ( menyisipkangambar.html ).
3. hasil dari tag <h2>
4. hasil dari tag <img>
Tidak ada komentar:
Posting Komentar