Link HTML
Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan
kepada dokumen lain. Dokumen ini bisa berupa teks dan atau gambar yang saling menghubungkan menuju
ke dokumen atau bagian lain
dalam suatu dokumen.
Browser web akan
menyorot teks atau
gambar yang di identifikasi sebagai
link dengan warna
atau garis bawah
untuk menunjukkan bahwa
itu adalah hyperteks link sering
di singkat hyperlink atau link saja.
1.Tag Anchor
Tag <a> untuk
membuat suatu link
kepada dokumen lain
dalam web. Atribut
pada tag <a> diantaranya: atribut href="uri" untuk mendefinisikan lokasi link,
atribut name="name" untuk mendefinisikan nama link, dan
atribut
target="_blank"|"_parent"|"_top"|"_self" untuk _blank akan membuka pada window baru,
_parent/_top akan keluar dari frame, _self akan tetap di window browser. Sintaks
:
<a href=http://www.microsoft.com>This
text is displayed </a>
Ada 3 jenis link:
a. Link Relatif
Dibuat apabila anda
membuat suatu link
pada page anda
ke page lain
pada komputer yang sama,
tidak memerlukan menggunakan
alamat internet yang
lengkap. Jika kedua
page pada direktori yang sama. Sintak
:
<a
href=”file_2.html”>Berikutnya</a>
b. Link Absolut
Dibuat apabila anda membuat link ke page web lain yang
berada pada web site lain di internet. Dalam
hal ini anda
harus menuliskan alamat
internet secara lengkap. Sintak :
<a href="http://www.amikom.ac.id">link
berikut</a>
c. Link ke Bagian Lain dalam Dokumen
Link jenis ini
dibuat apabila untuk
dokumen yang panjang
sekali, sehingga apabila
di tampilkan dalam browser web akan mengharuskan kita melakukan scroll
layar berulang-ulang. Navigasi
untuk penelusuran dokumen
dapat dimudahkan dengan
membuat link antar bagian, dengan menandai setiap bagian
tersebut dengan memberinya nama. Sehingga
pada beberapa tempat di dalam
dokumen akan ada
bagian yang bernama,
dan dibagian lainnya
dapat diletakkan link untuk menuju bagian-bagian tersebut.Sintaks
penulisannya :
<a
href="#tujuan">Link asal</a> Artikel bebas
.
.
.
<a name="tujuan">Posisi
tujuan</a> Artikel bebas
.
.
.
Contoh:
<html>
<head>
<title>contoh link</title>
</head>
<body>
<p>
<a href="coba_entitas2.html">
Teks ini </a>merupakan link kepada suatu page dengan
nama coba_entitas2.html pada web site yang sama.
</p>
<p>
<a href="http://www.microsoft.com">
This text </a>is a link to a page on the world wide
web.
</p>
<p>
<a name="top">
<a href="#Bab4">
Lihat Bab 4.
</a>
</a>
</p>
<h2>Bab 1</h2>
<p>Bab 1 adalah menjelaskan bla bla bla.</p>
<h2>Bab 2</h2>
<p>Bab 2 adalah menjelaskan bla bla bla.</p>
<h2>Bab 3</h2>
<p>Bab 3 adalah menjelaskan bla bla bla.</p>
<a name="Bab4">
<h2>Bab 4</h2>
</a>
<p>
Bab 4 ini
menunjukkan tujuan dari
link dalam satu
halaman.</p>
<h2>Bab 5</h2>
<p>
Bab 5 adalah menjelaskan bla bla bla. </p>
<a href="#top">Kembali ke atas</a>
</body>
</html>
Hasilnya:
2. Link Mailto
Mailto digunakan
untuk membuat link pada suatu pesan mail
(tidak akan bisa bekerja jika mail
client tidak terpasang).
link_mailto.html
<html>
<head>
<title>Contoh Penggunaan Link Mailto</title>
</head>
<body>
Anda ingin mengirim
tugas pemrograman web
bisa melalui <a
href="mailto:itaufiq97@gmail.com">email
berikut</a>.
</body>
</html>
3. Tag Marquee
Marquee ini bisa di buat dengan menggunakan tag
<marquee>...</marquee>.
Atribut yang sering di gunakan adalah :
bgcolor="warna"
Untuk mengatur warna background text.
direction="left/right/up/down"
Mengatur arah gerakan teks.
behavior="scroll/slide/alternate"
Untuk mengatur perilaku gerakan Scroll adalan suatu teks
bergerak berputar. Slide adalah suatu
teks bergerak sekali lalu berhenti. Alternate adalah suatu
teks bergerak dari kiri kekanan lalu balik
lagi.
title='pesan"
Pesan akan muncul saat mouse berada di atas teks.
scrollmount="angka"
Mengatur kecepatan gerakan dalam pixel, semakin besar angka
semakin cepat pula gerakan text itu.
scrolldelay="angka"
Untuk mengatur waktu tunda gerakan dalam detik.
loop="angka|-1|infinite"
Tidak ada komentar:
Posting Komentar