Sabtu, 10 September 2016

BELAJAR HTML: Cara membuat Link ke Halaman Web lainnya

Catatan Rhull™ - Artikel ini menjelaskan cara membuat link dari satu halaman ke halaman lain. Hal ini juga menguraikan berbagai jenis hyperlink. Link, atau dikenal sebagai hyperlink , didefinisikan dengan menggunakan <a>tag - atau dikenal sebagai anchor elemen.

Untuk membuat hyperlink, Anda menggunakan <a>tag dalam hubungannya dengan hrefatribut. Nilai dari atribut href adalah URL , atau, lokasi di mana link menunjuk ke.
Contoh:
<p>Here are some <a href="http://www.contohaja.com/search/label/HTML">HTML</a> to play with.</p>
Referensi hypertext dapat menggunakan absolute URL, relative URL, atau root relative URL.


Absolute

Hal ini mengacu pada URL di mana path lengkap disediakan. Sebagai contoh:
<a href="http://www.contohaja.com/html/tutorial/">HTML Tutorial</a>

Relative


Hal ini mengacu pada URL di mana jalan, relatif terhadap lokasi saat , disediakan.
Sebagai contoh, jika kita ingin referensi http://www.contohaja.com/html/tutorial/, URL, dan lokasi kami saat ini adalah http://www.contohaja.com/html/, Kita akan menggunakan ini:
<a href="tutorial/">HTML Tutorial</a>

Root Relative

Hal ini mengacu pada URL di mana jalan, relatif terhadap root/akar domain , disediakan.
Sebagai contoh, jika kita ingin referensi http://www.contohaja.com/html/tutorial/ URL, dan lokasi saat inihttp://www.contohaja.com/html/, Kita bisa menggunakan ini:
                                          <a href="/html/tutorial/">HTML Tutorial</a>

Link Target

Anda dapat mencalonkan apakah anda akan membuat URL di jendela baru atau jendela saat ini. anda dapat melakukan ini dengan target tribut, Misalnya : target_"blank" artinya anda membuat URL di jendela baru. Target Atribut dapat memiliki nilai sebagai berikut :


_blank
Membuka URL dalam baru jendela browser.
_self
Load URL di saat jendela browser.
_parent
Beban URL ke dalam induk frame (masih dalam jendela browser saat ini). Ini hanya berlaku bila menggunakan frame.
_top
Load URL di saat jendela browser, tapi membatalkan apa pun frame. Oleh karena itu, jika frame yang digunakan, mereka tidak lagi.
Contoh:
<a href="http://www.contohaja.com" target="_blank">CONTOH</a>


Jump Link

Anda dapat membuat link Anda "melompat" ke bagian lainnya dalam halaman yang sama (atau halaman lain). Ini dulu disebut "bernama jangkar", tapi mereka sering disebut sebagai link melompat, bookmark, atau pengenal fragmen.
Berikut adalah cara untuk link ke halaman yang sama:
Menambahkan ID ke Link Sasaran
Menambahkan ID ke bagian halaman yang ingin Anda pengguna untuk berakhir. Untuk melakukan hal ini, menggunakanidatribut. Nilai harus beberapa teks deskriptif singkat. The idatribut adalah atribut yang biasa digunakan dalam HTML.
<h2 id="elephants">Elephants</h2>

Hyperlink

Sekarang membuat hyperlink (bahwa pengguna akan mengklik). Hal ini dilakukan dengan menggunakan iddari target link, diawali dengan hash ( #simbol):
<a href="#elephants">Jump to Elephants</a>
Jadi dua potongan-potongan kode ditempatkan di berbagai bagian dokumen. Sesuatu seperti ini:
<!DOCTYPE html>
<html>
<body>
<p><a href="#elephants">Jump to Elephants</a></p>
<h2>Cats</h2>
<p>All about cats.</p>
<h2>Dogs</h2>
<p>All about dogs.</p>
<h2>Birds</h2>
<p>All about birds.</p>
<h2 id="elephants">Elephants</h2>
<p>All about elephants.</p>
<h2>Monkeys</h2>
<p>All about monkeys.</p>
<h2>Snakes</h2>
<p>All about snakes.</p>
<h2>Rats</h2>
<p>All about rats.</p>
<h2>Fish</h2>
<p>All about fish.</p>
<h2>Buffalo</h2>
<p>All about buffalo.</p>
</body>
</html>
Ini tidak harus menjadi halaman yang sama. Anda dapat menggunakan metode ini untuk melompat ke ID dari halaman manapun. Untuk melakukan hal ini, cukup tambahkan URL tujuan sebelum hash ( #simbol). Contoh:
<a href="http://www.contohaja.com#elephants">Jump to Elephants</a>
Tentu saja, ini mengasumsikan bahwa ada sebuah ID dengan nilai yang pada halaman.
Email Link
Anda dapat membuat hyperlink ke alamat email. Untuk melakukan hal ini, menggunakan mailtoatribut di tag anchor Anda.

Contoh:
<a href="mailto:king_kong@example.com">Email King Kong</a>
Mengklik link ini harus menghasilkan pembukaan klien email default Anda dengan alamat email yang sudah diisi.
Anda dapat melangkah lebih jauh dari ini. Anda dapat auto-melengkapi baris subjek untuk pengguna Anda, dan bahkan tubuh email.Anda melakukan menambahkan ini subjectdan bodyparameter ke alamat email.
<a href="mailto:king_kong@example.com?subject=Question&body=Hey there">Email King Kong</a>
Href Dasar
Anda dapat menentukan URL default untuk semua link pada halaman untuk memulai dengan. Anda melakukan ini dengan menempatkan basetag (dalam hubungannya dengan hrefatribut) dalam dokumen <head>.
Contoh Kode HTML:
<!DOCTYPE html>
<html>
<head>
<title>AcillRamdanPrasetyo ID</title>
<base url="http://www.acillramdanprasetyo.id/">
</head>
<body>
<a href="html">HTML</a>
</body>
</html>
SEKIAN :) Lanjut Esok Hari 

Related Posts

BELAJAR HTML: Cara membuat Link ke Halaman Web lainnya
4/ 5
Oleh

1 komentar: