Link HTML dan Tag Marquee
- 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 penulisannya :
<a href="http://www.amikom.ac.id" target="_blank" name="web amikom">Link web Amikom </a>
Link html terdapat 3 jenis yaitu diantaranya sebagai berikut:
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, anda dapat menuliskan nama file html sebagai berikut:
link_relatif.html
<html>
<head>
<title>Contoh Penggunaan Link Relatif</title>
</head>
<body>
Anda ingin melihat contoh penggunaan akronim, silahkan klik <a href="akronim.html">link berikut</a>.
</body>
</html>
link_relatif.html
<html>
<head>
<title>Contoh Penggunaan Link Relatif</title>
</head>
<body>
Anda ingin melihat contoh penggunaan akronim, silahkan klik <a href="akronim.html">link berikut</a>.
</body>
</html>
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. Berikut adalah contohnya:
link_absolut.html
<html>
<head>
<title>Contoh Penggunaan Link Absolut</title>
</head>
<body>
Anda ingin mengunjungi situs resmi amikom. Silahkan klik <a href="http://www.amikom.ac.id">link berikut</a>.
</body>
</html>
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. Berikut adalah contohnya:
link_absolut.html
<html>
<head>
<title>Contoh Penggunaan Link Absolut</title>
</head>
<body>
Anda ingin mengunjungi situs resmi amikom. Silahkan klik <a href="http://www.amikom.ac.id">link berikut</a>.
</body>
</html>
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 antarbagian, 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.
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 antarbagian, 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
.
.
.
link_dalam_dokumen.html
<html>
<head>
<title>Contoh Penggunaan Link Dalam Dokumen</title>
</head>
<body>
<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>
<html>
<head>
<title>Contoh Penggunaan Link Dalam Dokumen</title>
</head>
<body>
<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>
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:haryoko@amikom.ac.id">email berikut</a>.
</body>
</html>
- 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.
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.
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"
Untuk mengatur jumlah loop.
Untuk mengatur jumlah loop.
width="lebar"
Mengatur lebar blok teks dalam pixel atau persen.
Mengatur lebar blok teks dalam pixel atau persen.
diposting oleh Unknown @ 05.44
0 Komentar
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda