MENJADI LEBIH BAIK DARI KEMARIN

Minggu, 11 Juni 2017

HYPERLINK PADA HALAMAN WEB

      ,    Comment  
banner

Tag HTML Hyperlink


  • Pengertian

Hyperlink adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman dalam satu situs web.
perhatikan syntax berikut :
<a href=namadokumen> Teks Link untuk menuju halaman lain </a>
Penjelasan :
    1. Tag <a> … &/a> digunakan untuk link ke halaman lain.

    1. Didalamnya terdapat “href”, ini digunakan untuk menentukan dokumen atau halaman mana yang akan dipanggil saat link tersebut di klik atau dipilih.
Penerapan :
Klik Hyperlink di bawah ini untuk menuju ke halaman lain HTML
Hyperlink

  • Jenis – Jenis Hyperlink

      • Link Absolut
      1. Link Absolut adalah link yang akan menunju ke halaman situs web lain. Penulisan syntax sebagai berikut :
      1. <a href=situs yang hendak dituju> … </a>
          Contohnya :
      1. Penulisan Syntax :
      • Link Relatif
      1. Link Relatif adalah link yang tujuannya mengarah ke dokumen-dokumen HTML lain yang masih berada di dalam satu situs web yang sama (komputer yang sama). Penulisan syntax :
          <a href=dokumen HTML yang hendak dituju> … </a>
    2. Format link ke SMS, Telepon, dan E-Mail
      • Link ke Telepon
      1. Kita dapat menuliskan nomor telepon dalam HTML. Cara penulisannya adalah :
      1. <a href=”tel:085866406818″>Hubungi saya di … </a>
          Contoh Penerapan ==>
      • Link ke SMS
      1. Hampir sama dengan menuliskan telepon, yaitu
          <a href=”SMS:085866406818″>Kirim Pesan di … </a>. Hasilnya
      • Link ke E-Mail
      1. Berikut ini tag untuk Link ke E-Mail:
      1. <a href=”mailto:mtio871@gmail.com?&body=hai gaes”> TIO </a>
          Penerapan :
    2. Image Maping
      3. Image maping ialah teknik membuat link di dalam gambar pada kootdinat tertentu. sebagai contoh dibawah ini :
Planets
SunMercuryVenus
Untuk membuat image maping seperti diatas digunakan sintak seperti dibawah ini :
<img src=”nama gambar” … alt=”nama” usemap=”#nama”>
<map name=”nama pada usemap tadi”>
<area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”sun.html”>
<area shape=”circle” coords=”90,58,3″ alt=”Mercury” href=”mercury.html”>
<area shape=”circle” coords=”124,58,8″ alt=”Venus” href=”venus.html”> </map>

Sumber : https://tiochoirul34.wordpress.com/2017/06/11/tutorial-html-hyperlink-halaman-web/


EmoticonEmoticon