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

Elemen-elemen dasar HTML untuk memformat halaman web

Sumber gambar peterwebs.com 1.Elemen Head Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.Isi bagian head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut. Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut : Menyediakan judul dokumen Menjabatani hubungan antar dokumen Memberitahu browser untuk membuat form pencarian Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : 1.Tag <title>,digunakan untuk memberi judul dokumen.Penggunaannya sebagai berikut : <title> Judul </title> 2.Tag <base>,digunakan untuk menentukan basis URL sebuah dokumen.Penggunaannya adalah sebagai berikut : <base href="url"> contoh : <base href="//www.alamat.com/direktori"> 3.Tag <link>,digunakan untuk menunjukkan relasi antar do...

Si Gadis Buta Pembakit Percaya Diri

Ada Satu kisah yang menceritakan seorang gadis buta.Suatu hari ia bertemu seorang pesulap yang kemudian mengajaknya bermain sulap.Ajaib sekali bahwa sang gadis bisa menebak seluruh kartu yang diberikan sang pesulap.Pertanyaan kemudian,mengapa si gadis buta itu dapat menebak permainan sang pesulap?Ternyata rahasianya ada pada kecerdikan sang pesulap.Dengan menggunakan beberapa trik muslihat,ia berhasil mengeluarkan potensi sang gadis untuk bermain sulap bersamanya.Tanpa ragu sang pesulap mengajak sang gadis bermain di hadapan keluarganya,dihadapan orang banyak.Kepercayaan diri sang pesulap yang begitu tinggi menular pada sang gadis buta.              Sejak saat itu,sang gadis merasa telah menjadi seorang bintang di rumahnya.Ini terjadi hanya karena ada orang yang memberinya kesempatan untuk bersinar sejenak dan merasa istimewa di depan keluarganya.Ia yang selama ini merasa menjadi beban dalam keluarganya,sekarang merasa sejajar dengan mereka karena peri...

Skala Suhu dan Perbandingannya

  a. Skala Celcius Skala Celcius merupakan skala yang paling banyak digunakan dalam kehidupan sehari-sehari. Skala Celcius ditetapkan oleh seorang fisikawan Swedia yang bernama Andreas Celcius (1701 - 1744).Skala temperatur Celcius menggunakan satuan 'Derajat Celcius' (simbol °C).Pada skala Celcius,titik beku air ditetapkan sebagai titik tetap bawah,yaitu sebesar 0°C dan titik didih air ditetapkan sebagai titik tetap atas,yaitu sebesar 100°C.Jarak antara kedua titik tetap ini dibagi menjadi 100 skala. Tokoh Sains Andreas Celcius Andreas Celcius (27 November 1701 - 25 April 1744) lahir di Ovanaker,Swedia.Beliau adalah seorang profesor astronomi di Universitas Uppsala dari tahun 1730 hingga 1744.Pada tahun 1733 di Nuremberg,Celcius menerbitkan sebuah koleksi 316 pengamatan Aurora Borealis yang dibuatnya dan orang lain selama tahun 1716 - 1732.Di Paris beliau menggagas pengukuran busur Meridian di lapland dan pada 1736 mengikuti sebuah ekspedisi yang dilaksanakan untuk tujuan ters...