Hypertext Link ( Penggunaan Link Ke Dokumen Lain )

Kemaren saya sudah membahas tentang Penggunaan ( FONT ) Base Font, Horizontal Ruler, Prefornatted Text, dan Blockquotedan sekarang saya akan membahas tentang Hypertext Link ( Penggunaan Link Ke Dokumen Lain ) , langsung aja ya sobat ..

Hypertext Link Digunakan untuk membuat link/penghubung antara satu halaman dengan halaman lain, ke URL lain, juga digunakan dalam suatu halaman unruk berpindah ke sub judul yang lain atau ke lokasi tertentu dalam suatu halaman yang sama.
Sintaks tag link adalah sebagai berikut :
<a href="url_tujuan>nama_link</a>

url_tujuan bernilai likasi atau nama file yang akan dituju.
nama_tujuan adalah nilai yan kan ditampilkan di browser sebagai teks link atau tombol penghubung.

Tulisan yang terletak antara <a>...</a> akan terdapat garis bawah dan atribut warnanya dapat di atur dalam tag body <body> seperti yang saya sudah bahas Dasar Pemformatan Dokumen HTML

Adapun macam macam link sebagai berikut :

Link Ke Dokumen Lain

Untuk membuat Link/penghubung dengan target ke dokumen/halaman yang berbeda, anda harus membuat dokumen yang di tuju/target dan disimpan dakan direktori tertentu, baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.

Link Ke Bagian Tertentu Dalam Dokumen Yang Sama

Untuk membuat link ke bagian tertentu dalam dokumen yang sama, harus diberikan nama anchor. Perbedaan dengan link yang berbeda dokumen adalah tujuan/target link, jika dalam dokumen yang sama yang dituju adalah nama anchor tetapi kalu dokumen yang beda yang dituju adalah nama file/dokumen yang bersangkutan.

Untuk memberi nama anchor, atribur yang dipakai adalah NAMA pada tag anchor <a> dan untuk membuat link cukup memberikan link cukup memberikan tanda # setelah nama file dalam URL. Misal :

<a href="#HTML">Bab1</a>

atau dapat ditulis lengkap:

<a href="belajar_html.html#php"> Bab 1 </a>

dan untuk nama anchornya :

<a name="html">Ada apa dengan HTML?</a>

Link Ke alamat URL atau Website

Untuk membuat link ke alamat URL adalah dengan menambahkan :

http://nama_url

Contoh :

<a href="http://www.google.com">Google</a>

<a href="http://www.rampesteam.blogspot.com">Rampes </a>

Link Ke Alamat Email Link email adalah membuat link pada teks, jika teks tersebut di kilk maka akan menampilkan program pengiriman email yang terdapat pada komputer yang dipakai untuk mengakses data atau teks tersebut secara otomatis.

Untuk membuat link ke alamat email hanya menambahkan atribut mailto ke dalam tag <a href>

<A HREF="mailto:rampesteam@gmail.com">Kirim Email </a>

Link File Yang Akan Di Download

Link file dalam hal ini adalah apabla diklik pada teks tersebut maka proses selanjutnya adalah mendownload file yang tercantum pada dokumen tersebut. Format penulisannya adalah <a href=nama_file>

<a href="antivirus.zip"> Download Antivirus </a>

<a href="script.doc"> Download Script HTML </a>

Contoh Latihan untuk Link Ke Dokumen Lain

1. Buat Script berikut dan diberinama index.html

<html>
<head>
<title>Latihan Membuat Link</title>
</head>
<body bgcolor="#666666">
 
 Rampes Team 
 
 Tutorial Blogger & HTML 
 
 <hr>
 | <a href="index.html">HOME</a>
 | <a href="c_html.html">Category HTML </a>
 | <a href="c_blogger.html">Category Blogger</a> |
 <hr>
 <h3> Selamat Datang Di Blog <a href="http://www.rampesteam.blogsppot.com">Rampes Team</a></h3>
</body>
</html>

2. Buat Script berikut dan diberinama c_html.html

<html>
<head>
<title>Latihan Membuat Link</title>
</head>
<body bgcolor="#666666">
 
 Rampes Team 
 
 Tutorial Blogger & HTML 
 
 <hr>
 | <a href="index.html">HOME</a>
 | <a href="c_html.html">Category HTML </a>
 | <a href="c_blogger.html">Category Blogger</a> |
 <hr>
 <h3> Category HTML </a></h3>
 <ul>
 <li> HTML ( Hypertext Matkup Language )
 <li> Desain Web STATIS dan DINAMIS
 <li> Dasar Pemformatan Dokumen HTML
 </ul>
</body>
</html>

3. Buat Script berikut dan diberinama c_blogger.html

<html>
<head>
<title>Latihan Membuat Link</title>
</head>
<body bgcolor="#666666">
 
 Rampes Team 
 
 Tutorial Blogger & HTML 
 
 <hr>
 | <a href="index.html">HOME</a>
 | <a href="c_html.html">Category HTML </a>
 | <a href="c_blogger.html">Category Blogger</a> |
 <hr>
 <h3> Category Blogger </a></h3>
 <ul>
 <li> Cara Membuat Blogger
 <li> Cara Menambahkan TV Pada Blog
 <li> Apa Itu Alexa Rank ?
 </ul>
</body>
</html>

Sekian artikel tentang Hypertext Link ( Penggunaan Link Ke Dokumen Lain ), Sekian dari saya Terimakasih.

Hypertext Link ( Penggunaan Link Ke Dokumen Lain )

0 komentar:

Post a Comment

Recent

Comments

Blog Archive