Tutorial HTML Membuat Link - Komputer Blog

Tutorial HTML Membuat Link

Tutorial HTML membuat link, pasti setiap web yang kita temui kita menemukan link di dalamnya. Link merupaka sebutan dari hyperlink text. Biasanya teks yang ada linknya mempunyai garis di bawahnya dan sering sekali berwarna biru. Link digunakan untuk pindah ke halaman yang ditentukan.

Tutorial HTML membuat link sebenarnya cukup mudah. HTML menyediakan tag khusus yaitu <a> (anchor). Cara penggunaannya <a href="dokument">Tulisan yang ada linknya</a>. Jangan lupa tagnya ditutup. Tulisan yang ada di antara tag <a> dan </a> maka tulisan itu akan membentuk sebuah link.

Contoh :

<a href="http://www.jalalkun.com/2016/10/tutorial-html-tag-dasar-pada-html.html">Tutorial HTML Tag Dasar</a>

Tutorial HTML Tag Dasar

Jenis-jenis Link

Dalam HTML terdapat beberapa jenis Link. Jenis link dibedakan sesuai dengan lokasi yang dituju oleh link itu.
  1. Link Absolut
    Link absolut adalah link yang mempunyai tujuan keluar dari website. Misal kita membahas HTML dan ada link resmi ke pengembang HTML. atau mungkin ke website yang lain.
  2. Link Relatif
    Link Relatif adalah link yang mempunyai tujuan ke dokumen yang ada pada website yang sama.
  3. Link Dalam Dokumen
    Link dalam dokumen yang sama, ketika diklik maka akan mempunyai tujuan yang sama pada satu halaman. Misal kita membuat tulisan dan akan dialihkan ke paragraf lain yang agak jauh, maka bisa memanfaatkan link ini.
    Pertama kita memberikan nama anchor untuk link yang akan dituju. Misal kita akan naik ke atas. Kita tambahkan <a name="atas">Tutorial HTML membuat link</a>. Setelah itu kita buat link untuk menuju ke atas <a href=#atas>Ke atas</a>.
    Ke atas
    Link dalam dokumen yang berbeda dengan tujuan bagian tertentu. Link ini berfungsi seperti link yang di atas, namun ke dokumen yang berbeda. Cara pembuatannya sama, kita buat dulu nama pada bagian yang akan kita tuju di dokumen yang berbeda. Setelah itu kita buat link yang akan menuju ke sana <a href="namadokumen#namabagian">Tulisan link</a>.
Baca Juga : Tutorial HTML Menampilkan Gamber
Diberdayakan oleh Blogger.