Hay sob, kali
ini saya akan membagikan materi tentang bagaimana membuat sebuah link pada
sebuah HTML. Jika biasanya kalian membuka sebuah halaman web atau blog dan
disana terdapat sebuat teks atau gambar yang jika kalian klik maka akan menuju
sebuah halaman web lain atau file lain, maka itulah yang dimaksud dengan
hyperlink.
Syntak :
<a
href="uri" name="name"
target="_blank"|"parent"|"_top"|"_self">
...........................
</a>
...........................
</a>
Pada syntak tersebut, elemen yang kita
pelajari adalah elemen A. Elemen a ini memiliki beberapa atribute, yaitu href, name,
dan target. Attribute href berfungsi sebagai
hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang
akan menghubungkan ke eksternal halaman web. Attribute name berfungsi
untuk menghubungkan ke tempat tujuan dalam halaman web (anchor).
Attribute target berfungsi untuk menampilkan halaman web pada
suatu jendela frame atau jendela baru.
Nah langsung seperti biasa, Untuk
mempermudah pemahaman, silahkan pelajari script berikut dengan copy dan simpan
dengan nama terserah anda (jangan lupa
tambahkan ekstensi .html) lalu jalankan dengan web browser.
<html>
<head>
<title>Latihan6-2</title>
</head>
<body>
<h1>Hyperlink pada HTML</h1>
Ini adalah link menuju <a
href="http://www.google.com">google</a><br>
Dibawah adalah contoh link internal dan
anchor adalah link yang menunjuk ketempat yang ada dalam dokument
ini.<br>
<br>
<a
href="#akhir">kebagian akhir</a>
<a
name="pertama"></a>
<p>paragraf pertama. paragraf
pertama. paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama. paragraf
pertama. paragraf pertama.
paragraf pertama. paragraf pertama.
paragraf pertama. paragraf pertama. </p>
<p>paragraf kedua. paragraf kedua.
paragraf kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua.
paragraf kedua. paragraf kedua. paragraf
kedua. paragraf kedua. </p>
<p>paragraf ketiga. paragraf
ketiga. paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga.
paragraf ketiga. paragraf ketiga. </p>
<p>paragraf keempat. paragraf
keempat. paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat.
paragraf keempat. paragraf keempat. </p>
<a
name="akhir"></a>
<p>paragraf kelima. paragraf
kelima. paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima.
paragraf kelima. paragraf kelima. </p>
<a
href="#pertama">kebagian pertama</a>
</body>
</html>
Sekian untuk
materi kali ini, selamat belajar dan mencoba. Terima kasih ^_^
0 komentar:
Posting Komentar