Langsung ke konten utama

Menggunakan Link di dalam HTML - HTML Tutorial

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu.Jika link diklik maka dokumen HTML akan menuju ke alamat tersebut.Ditandai dengan Anchor, yaitu tag <a>.

Tag <a> mempunyai dua atribut,yaitu href dan name.Atribut href digunakan jika sebuah anchor akan digunakan sebagai link,sedangkan atribut name digunakan jika anchor akan digunakan sebagai tujuan.

1.Link ke dokumen lain

Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda,anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu,baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.Untuk mencoba kita akan membuat 3 file yang saling berhubungan.Sebelumnya supaya file-file yang dibuat terlihat rapi kita buat folder "tabel" terlebih dahulu jika nanti file link yang kita buat tersimpan di dalam folder "tabel".

1.link-utama.html

 <html>
<head>
<title> Halaman Utama </title>
</head>
<body>
<h2> Ini adalah halaman utama.</h2>
<ul>
<li><a href="link-utama.html">klik, ke halaman
utama.</a></li>
<Li><a href="link-satu.html">klik, ke halaman
satu.</a></li>
<li><a href="link-dua.html">klik, ke halaman dua.</a></li>
<ul>
</body>
</html>

2.nama link-satu.html

 <html>
<head>
<title> Halaman Satu </title>
</head>
<body>
<h2> Ini adalah halaman utama.</h2>
<ul>
<li><a href="link-utama.html">klik, ke halaman
utama.</a></li>
<li><a href="link-satu.html">klik, ke halaman
satu.</a></li>
<li><a href="link-dua.html">klik, ke halaman dua.</a></li>
<ul>
</body>
</html>

3.nama link-dua.html

 <html>
<head>
<title> Halaman Dua </title>
</head>
<body>
<h2> Ini adalah halaman utama.</h2>
<ul>
<li><a href="link-utama.html">klik, ke halaman
utama.</a></li>
<li><a href="link-satu.html">klik, ke halaman
satu.</a></li>
<li><a href="link-dua.html">klik, ke halaman dua.</a></li>
<ul>
</body>
</html>


2.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 kalau dokumen yang beda yang dituju adalah nama file/dokumen yang bersangkutan.

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

<a href="php"> Bab 1 </a>
 
Atau dapat ditulis lengkap :

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

Dan untuk nama anchornya :

<a name="php">Ada apa dengan PHP?</a>

3.Link ke alamat URL atau Website

Untuk membuat link ke alamat URL adalah dengan menambahkan :

http://nama_URL.

Contoh :

<a href="http://www.yadull.blogspot.com">www.yad
ull.blogspot.com</a>

4.Link ke Alamat Email

Link email adalah membuat link pada teks,jika teks tersebut diklik 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:alamat_email ke dalam tag <a href>

Misalnya :

<a href="mailto:yayadulyaden217@gmail.com">
Kirim email</a>

5.Link file yang akan didownload

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

Misalnya :

< a href="antivirus.zip">Download anti virus</a>
<a href="latihan.doc">Download latihan Html</a>
<a href="mysql.exe">Download MYSQL</a>



Komentar

Postingan populer dari blog ini

Enam Kebiasaan yang tidak produktif

1.Tidak memiliki rencana dalam hidup Dalam bukunya yang terkenal William feather menyampaikan dua jenis perbuatan yang mendatangkan kegagalan. a.yang pertama orang yang bertindak tanpa rencana b.yang kedua orang yang berencana namun tak melakukan apapun. Sekali pikiran manusia telah di kembangkan dengan rencana baru maka tak akan pernah mendapatkan kembali dimensinya yang lama                                                                           Oliver Wendell Holmes 2.Kehilangan sikap dalam hidupnya Orang senantiasa akan mendapatkan apa yang paling di harapkan dalam hidupnya.Bila pengharapannya baik maka kebaikan akan mendatanginya,namun bila pengharapannya buruk,maka keburukannlah yang akan mendatanginya. Masa depan merupakan milik mereka yang percaya pada mimpi mimp...

Jalan Menuju Sukses

Kita tak akan pernah tahu sampai bila kita tak pernah memulai #Howard Zinn Bergeraklah cepat,jangan sampai kita menjadi penonton yang sukses.Mulailah dengan langkah nyata,gerakan langkahmu!!! Jika kita memiliki keinginan untuk menjadi seorang pengusaha yang berhasil,rasanya tidak cukup kita memiliki keinginan saja,tetapi kita tetap harus melangkahkan kaki,menggerakkan tubuh untuk mencapai keinginan tersebut.Dibenak kita harus ingat,untuk mencapai langkah keseribu kita membutuhkan langkah pertama.Tidak akan pernah ada langkah keseribu tanpa kita memulai langkah pertama.Itu pasti. Apapun jika kita ingin berangkat ke Jakarta,maka kita harus memutuskan apakah kita berangkat ke Jakarta tersebut menggunakan kendaraan umum atau berjalan kaki,apakah menggunakan kereta atau bis,apakah menggunakan motor atau mobil sendiri.Tujuan arahnya apakah melalui Cianjur atau Purwakarta.Saat ini sudah ada jalan tol Purbaleunyi,alangkah lebih cepatnya melewati jalan tol.Berbagai pilihan tersaji di depa...