Penjelasan Format Link Pada Postingan Blog/Website

Penjelasan Format Link pada Postingan Blog/Website

Link ialah suatu objek yang sanggup berupa teks atau gambar yang digunakan dalam kode, HTML untuk menuju dari suatu pecahan ke pecahan yang lain pada halaman yang sama, atau menuju ke halaman (file) yang berbeda. Default suatu link biasnya ditandai dengan teks warna biru dengan garis bawah, dan bila pointer mouse ditujukan ke link tersebut, maka bakal bermetamorfosis telunjuk tangan,
Peran link dalam halaman web sanagt besar dan selalu diharapkan untuk memudahakan untuk memudahkan pengguna web dalam berintraksi dengan halaman-halaman web yang ada. 

A. ANATOMI LINK

Link dalam HTML ditandai dengan tag <A> (Anchor) yang terdiri dari atribut HREE yang digunakan untuk menuliskan lokasi tujuan (file) dari link dan variabel NAME yang digunakan untuk menyimpan nama variabel kunci sebagai lokasi (bagian) `yang bakal dituju` oleh link.
Sintaks link ialah sebagai berikut: <a href=”url”> nama link</a>
Link sanggup dibentuk pada suatu teks atau gambar dengan trik melatakkan teks atau gambar tersebut di antara tag pembuka < A HREF> dan tag epilog </A>.

Contoh penulisan kode link ialah sebagai berikut :

......
<A HREF=”tugas.html” NAME=”#bagian1”> Ke BAB 2 </A>
<A HREF=”tugas.html#bagian1” NAME=”#bagian2”>
Ke BAB 1</A>
Link menggunakan gambar :
<A HREF=”tugas.html” NAME=”#bagian1”>
<img src=”logo.jpg> </A>
......

Pada pecahan href digunakan untuk contoh file tujuan, sehingga pada referensi di atas sanggup ditulis href=”tugas.html”>.
Jika pada file tugas.html terdapat banyak pecahan dan penempatan link digunakan untuk berpindah antar bab, maka pada tiap link diberi nama variabel sehabis tag name dan pada href disebutkan pecahan belahan yang dituju, sehingga penulisannya menjadi :

Href=”tugas.html1#bagian2”.

1. Mengenal Jenis Link

Keleebihan utama dari dokumen HTML ialah kemampuannya untuk memperlihatkan link dari satu teks atau gambar menuju ke dokumen atau pecahan lain dalam suatu dokumen html. Browser Web bakal meyorot (“highleght”) teks atau gambar yang didefinisikan sebagai link dengan warna dan garis bawah untuk memperlihatkan bahwa itu ialah hyperlink atau link.

a. Link Relatif

Link relatif merupakan link yang fungsinya untuk berpindah antar halaman web komputer yang sama. Jika dua halaman web berada pada satu direktori yang sama, maka sanggup dituliskan nama file halaman yang dituju. Contohnya :

<a href =”halaman2.html”>Lanjut</A>

b. Link Absolut

Link diktatorial ialah link yang fungsinya untuk berpindah antara halaman website yang satu dengan website yang lain di internet. Contohnya :

<a href =https://lukmanclub.blogspot.com>Kunjungi blog saya</A>

B. FORMAT LINK ANATAR ISI PADA SUATU HALAMAN WEB

1. Pengertian Link

Format link antar isi pada suatu halaman web biasa disebut juga dengan link dalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa digunakan untuk menghubungkan suatu tabrakan pena dengan tabrakan pena lain yang berada pada halaman yang berbeda atau blog yang berbeda, link itu lebih banyak digunakan untuk halaman yang sama. Misalnya membuat tautan link yang mengarah ke atas, ke tengah, dan ke bawah.
Link ini dibentuk untuk dokumen yang panjang sekali, sehingga apabila ditampilkan dalam browser web bakal mengharuskan kita melaksanakan scroll layar berulang-ulang.
Navigasi untuk penelusuran dokumen sanggup dimudahkan dengan membuat link atar bagian, dengan menandai setiap pecahan tersebut dengan memberinya nama. Sehingga dalam dokumen simpulan ada pecahan yang bernama, dan di pecahan lainnya sanggup diletakkan link untuk menuju ke bagian-bagian tersebut.

2. Prinsip Dasar Penggunaan

Prinsip dasarnya ialah kita menandai terlebih dahulu suatu pecahan dengan memberi tanda tag anchor contohnya <a name=”atas”>, kemudian pada pecahan yang lain kita buat link untuk memangginya dengan kode <a href=”#atas”>.
Sintaksnya ialah sebagai berikut :

<a name=”atas”>ATAS</a> <-- objek tujuan
<a href=”#atas”>ke Atas</a <-- link menuju ke tujuan

Perhatikan tanda pagar (#) di atas, untuk objek tujuan tidak menggunakan tanda pagar, bakal tetapi untuk link yang menuju ke tujuan harus menggunakan tanda pagar.
Link yang menuju ke suatu pecahan tertentu sangat berguna terutama untuk halaman web dengan postingan yang sangat panjang, sehingga link dengan sasaran dalam satu halaman ini untuk mempermudah navigasi pengunjung website.

3. Cara Membuat Link dalam Satu halaman

a. Menentukan nama terget

Pilih pecahan artikel yang ingin dijadikan sebagai sasaran link, bisa berupa sebuah paragraf, subjudul, kalimat, atau kata yang kita inginkan. Kemudian dibentuk name atau id pada kata yang dipilih tersebut dengan satu nama variabel, dalam proteksi nama variabel tersebut tanpa menggunakan spasi, lantaran yakni spasi pada browser bakal bermetamorfosis “%20%

Contoh 1 :
<div id=”bab3”> BAB III </div>

Contoh 2 :
<a name=”bab4”> BAB IV </a>

b. Membuat link ke target

Buatlah kalimat atau kata yang ingin dijadikan sebagai link yang bakal ditunjukan ke sasaran link, contohnya sebagai berikut :

* <a href=”#bab3”>Ke Bab III </a>
* <a href=”#bab4”>Ke Bab IV </a>

4. Link ke File

Ada beberapa trik penulisan sintaks link untuk menuju ke suatu halaman tertentu (file). Berikut ini ialah trik penulisan link yang menuju ke halaman yang berbeda.
* bila file yang dituju berada pada folder/directory yang sama dengan file link, maka cukup dituliskan nama filenya, contohnya :

<a href=”produk.html”>Daftar Produk</a>

* bila file yang dituju berada pada subfolder di dalamnya, maka dituliskan nama foldernya. contohnya:

<a href=”galery/macam.html”>Galery Produk</a>

* Jika file yang dituju berada pada folder di atas folder yang ditemapati oleh file link, maka penulisannya ibarat berikut:

<a href=”../tentang.html”>About me</a>

* Jika file yang dituju berada dua tingkat di atas folder link, maka dituliskan dua kali titik ibarat berikut ini:

<a href=”../../tentang.html”>About me</a>

Berdasarkan lokasi tujuannya, link sanggup dibedakan menjadi 4 macam, yaitu:
a. Link yang menuju ke pecahan tertentu pada halaman yang sama <a href=”#bab2” name=”bab1”>Lihat Bab 2</a>
b. Link yang menuju ke halaman yang lain dalam web yang sama <a href=”galery.html”>Galeri Foto</a>
c. Link yang menuju ke halaman yang lain dalam web yang berbeda <a href=”http://www.rusydi94.blogspot.com/tentang.html”>Tutorial Web</a>
d. Link yang menuju ke pecahan tertentu pada halaman web yang berbeda <a href=”http://www.rahul94.blogspot.com/home.html#ling”>Linknya</a>

C. FORMAT LINK ANTAR HALAMAN WEB UNTUK MEMBENTUK SITEMAP

Link merupakan trik untuk membuka atau memanggil halaman web atau file tertentu. Link merupakan tag yang sangat penting dalam penggunaan HTML, lantaran yakni dengan adanya link yang bakal membedakan antara dokumen HTML dengan dokumen teks biasa.

Setiap halaman, file, direktori, dan lokasi di internet selalu memiliki alamat URL-nya (Uniform Resourece Locator) sendiri-sendiri yang menuju pada server web di internet.

Hampir semua link menggunakan teks sebagai penghubungnya. Teks yang berada di antara tag <A> dan </A> bakal menampilkan dengan garis bawah dengan warna standar biru.

Sebenarnya warna ini sanggup diubah sesuai dengan harapan pembuat web dengan menambahkan atribut LINK, ALINK, dan VLINK dalam tag <BODY>. Atribut LINK digunakan untuk memberi warna pada link ketika mouse diklik dan VLINK digunakan untuk memperlihatkan warna pada link yang sudah dikunjungi. Sintaksnya ialah sebagai berikut:
<BODY LINK=”green” ALINK=”red” VLINK=”pink”>

Selain mengatur warna pada link, kita juga sanggup menghilangkan garis bawah pada suatu link dengan membuat sintak ibarat berikut ini :
<A HREF=http://www.yahoo.com stye=”text-decoration:none”>Ke Yahoo</a>

* Link Antar Halaman Web Untuk Membentuk Sitemap

Link sanggup dibentuk gambar manapun teks ibarat yang telah dijelaskan pada pelajaran sebelumnya. Untuk membuat link yang menggunakan gambar peta, sanggup dilihat pada referensi berikut ini:

....
<img src=”map.jpg” usemap=”#mapku”>
<map name=”mapku”>
<area shape=”rect” coords=”100,100,200,200”>
<area shape=”circle” coords=”50,50,30”>
<area shape=”poly” coords=”300,300,400,400,500,500,600,600”>
</map>
.....

Rect digunakan untuk membuat area map berbentuk segi empat dengan titik awal 100,100dan titik simpulan 200,200.

Circle digunakan untuk membuat area map berbentuk lingkar dengan titik tengah 50,50 dan diameter 30.

Poly digunakan untuk membuat area map berbentuk polygon dengan titik pertama 300,300, titik kedua 400,400, titk ketiga 500,500, titik keempat, 600,600 dan sanggup ditambahkan titik berikutnya.

D. FORMAT TARGET LINK, EMAIL, DAN TELEPON

1. Format Target Link

Jika suatu link diklik maka browser bakal menampilkan halaman yang dituju oleh link tersebut. Ada dua macam penampilan oleh browser dalam memunculkan halaman tujuan tersebut.
Pertama, ditampilkan pada jendela yang sama sehingga halaman temapt link itu ditutup dan digantikan oleh halaman yang dituju dan ini merupakan trik pemunculan default.
Kedua, ditampilkan pada jendela yang baru, sehingga bakal muncul jendela yang gres untuk menampilkan halaman yang dituju.
Dalam pembuatan link ini, harus ditambahkan atribut TARGET=”_blank” dalam tag <a herf>, sehingga penulisannya ialah sebagai berikut:

<a href=”halaman.html” target=”_blank”>

Berikut ini ialah beberapa sasaran yang sanggup diisikan pada link:

• · _blank : halaman yang dipanggil bakal muncul pada jendela baru.
• · _top : halaman yang dipanggil bakal mengisi penuh jendela yang sama, mesikipun tadinya ada frame.
• · _self : halaman yang dipanggil bakal mengisi temapt yang sama, bila link tersebut dalam sebuah frame maka halaman yang dipanggil bakal mengisi frame tersebut.
• · _parent : halaman yang dipanggil bakal mengisi FRAMESET satu tingkat lebih tinggi dari FRAME temapt link yang bersangkutan.

2. Link Email

Link sanggup digunakan untuk mengirim ke alamat email, bila link ini diklik bakal membuka jendela pengiriman email dari program email yang terinstall pada komputer (contohnya Microsoft Outlook).
Pada kota tujuan email (ToJ bakal tercantum alamat email tujuan.
Contoh:
Link yang eksklusif menuju ke alamat e-mail.

<a href=”mailto:budi.prihhastomo13@gmail.com?subject=judulnya?”>

Kiri email</a>

3. Link telepon

Link sanggup digunakan untuk melaksanakan panggilan telepon, bila link ini diklik bakal melaksanakan panggilan telepon pada nomor tujuan. Penulisan kodenya ialah sebagai berikut:

....
<a href=”tel://085290410466”>Klik disini untuk menghubungi saya</a>
....

4. Link SMS

Link sanggup digunakan untuk melaksanakan pengiriman pesan SMS pada nomor tujuan, bila link ini diklik bakal melaksanakan pengiriman SMS pada nomor tujuan. Penulisan kodenya adlah sebagai berikut :

.....
<a href=”sms:085290410466&body=Pendaftaran”>SMS ke saya:</a>
.....

5. Link Download

Link yang digunakan untuk pengambilan file dari server atau yang lebih dikenal dengan istilah download ialah link yang ditunjukan kepada fiel-file yang bukan file web, ialah file yang tidak bisa ditampilkan oleh browser contohnya: file aplikasi dengan ekstensi EXE, file kompresi (ZIP), file audio (MP3), file dokumen ibarat DOC, XLS, dan lainnya.

Bila link semacam ini diklik, maka bakal mucul kotak obrolan yang menanyakan apakah anda meyimpan (save) file itu dalam harddisk atau membukanya dengan program aplikasi yang sesuai.

Share this post