6. Karakter Entitas HTML
Dalam html, beberapa karakter khusus perlu direpresentasikan dalam bahasa html. Entitas karakter terdiri dari tiga bagian: ampersand, nama entitas atau nomor entitas, dan terakhir titik koma (;). Seperti terlihat pada tabel berikut ini:
Nama entitas peka huruf besar/kecil.Entity character Character entity Greater than sign (>) > Less than sign (<) < quotation marks(“) “ Trademark(?) ® Copyright(?) © © &
7. Belajar HTML Image Hotspot
Biasanya ketika kita menelusuri web, ketika mouse melewati posisi tertentu dalam sebuah gambar, ternyata dapat diklik. Artinya, jika kita mengklik bagian ini, kita akan ditautkan ke tempat lain. Untuk membuat gambar hotspot saya ingin menyisipkan <img> gambar menggunakan tag b. Kemudian menggunakan tag <area> untuk membagi hotspot pada gambar yang baru saja dimasukkan.
<img src="URL" usemap="# nama map" />
<map name="nama peta">
<area shape="shape" coords="coordinates" href="URL" />
</peta>
Rect: koordinat sudut kiri atas persegi panjang dan koordinat sudut kanan bawah (x, y, x, y)
Circle: Koordinat pusat lingkaran, jari-jari (x, y, r)
Poly: Koordinat setiap titik poligon (x, y, x, y, x, y...)Penjelasan:
- Alamat gambar URL usermap berarti menggunakan nama setelah tag untuk menggambarkan hot spot untuk gambar
- Bentuk bentuk area (persegi panjang persegi, lingkaran lingkaran, poligon)
- Nilai koordinat bentuk koordinat
Catatan: Nilai usemap harus konsisten dengan nilai nama map. Koordinat dapat diperoleh melalui software PS – navigator bilah menu – informasi – nilai koordinat.
Contohnya adalah sebagai berikut:
<img src="img/map.jpg" usemap="#p1"/>
<map name="p1" id="p1">
<area shape="rect" coords="500,120,550,150" href="img/1.jpg" target="_blank"/>
</map>Daerah panas adalah berbentuk persegi panjang gambargambar Di sini saya menetapkan Jakarta sebagai area panas gambar, dan rentang area panas adalah persegi panjang. Mengklik Jakarta di peta akan melompat ke gambar. Perlu dicatat bahwa koordinat zona panas harus ditulis secara akurat, yaitu kisaran zona panas. Nilai koordinatnya dapat dipilih menggunakan tool ps tool.
