Anda dapat menampilkan gambar dalam halaman HTML, format filenya berupa JPG atau GIF. Untuk menampilkannya digunakan tag <img>.
<img src=nama_file_gambar>
Atribut elemen image
src = lokasi dan nama gambar
alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse
width = lebar gambar, pixel
height = tinggi gambar, pixel
align = [ top | middle | bottom | left | right ] (perataan gambar)
border = tebal garis tepi gambar, pixel
MEMBUAT LINK
Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam suatu halaman untuk berpindah ke sub judul yang lain.
<a href = URL_tujuan>hypertext</a>
Latihan06.html
<html>
<head>
<title>Latihan-6: Menggunakan Link dan Image</title>
</head>
<body bgcolor="#FFFFCC">
<a name="atas">Bagian ini dinamai dengan atas</a><br>
<a href="latihan01.html">Link ke latihan1.html</a><br>
<a href="#bawah">Link ke lokasi yang bernama bawah</a>
<p>Memasukkan gambar:<br>
<img src="gambar.jpg" width="600" height="800" align="center"><p>
<a href="#atas">Link ke lokasi yang bernama atas</a><br>
<a name="bawah">Bagian ini dinamai dengan bawah</a>
</body>
</html>
<img src=nama_file_gambar>
Atribut elemen image
src = lokasi dan nama gambar
alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse
width = lebar gambar, pixel
height = tinggi gambar, pixel
align = [ top | middle | bottom | left | right ] (perataan gambar)
border = tebal garis tepi gambar, pixel
MEMBUAT LINK
Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam suatu halaman untuk berpindah ke sub judul yang lain.
<a href = URL_tujuan>hypertext</a>
Latihan06.html
<html>
<head>
<title>Latihan-6: Menggunakan Link dan Image</title>
</head>
<body bgcolor="#FFFFCC">
<a name="atas">Bagian ini dinamai dengan atas</a><br>
<a href="latihan01.html">Link ke latihan1.html</a><br>
<a href="#bawah">Link ke lokasi yang bernama bawah</a>
<p>Memasukkan gambar:<br>
<img src="gambar.jpg" width="600" height="800" align="center"><p>
<a href="#atas">Link ke lokasi yang bernama atas</a><br>
<a name="bawah">Bagian ini dinamai dengan bawah</a>
</body>
</html>
Komentar
Posting Komentar