HTML Anchor atau Link
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
HTML Link digunakan untuk membuat tautan (hyperlink) yang memungkinkan pengguna berpindah dari satu halaman ke halaman lain, baik di dalam situs (web, website, blog) yang sama maupun ke situs lain.
Link atau anchor artinya jangkar memiliki kode
<a href="">nama link</a>
<a> adalah anchor tag yang bergunak untuk membuat link.
href adalah atribut yang selalu menempel di <a>, ia menentukan tujuan tautan.
Teks nama link di antara <a>...</a> adalah teks yang bisa diklik, yang bisa dilihat dan dibaca oleh pembaca.
Bagaimana caranya agar kita bisa menulis kode-kode beberapa link berikut ini:
Alamat Link Logo Blogger
https://www.blogger.com/img/logo_blogger_40px_2x.png
Alamat Link Blogger
https://www.blogger.com
Alamat Link Blogger Ikhsan Falihi
http://ikhsanfalihi.blogspot.com
Alamat Link Judul Postingan di Blogger Ikhsan Falihi
https://ikhsanfalihi.blogspot.com/2012/09/sekilas-tentang-penulis-blog-ini.html
Langkah-langkahnya
1. Tulislah perintah berikut
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong di Google Docs.
2. Tulislah kode paragraf
<p> </p> yang diletakkan ke dalam kode <body></body>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p> </p>
</body>
</html>
3. Kemudian lakukan penyisipan kode link ke paragraf
Beberapa alamat link berikut kita sisipkan satu demi satu:
(kode yang diawali http atau https itu di-copy paste saja. Kalau ditulis secara manual pasti membutuhkan waktu yang sangat lama)
Alamat Link Logo Blogger
https://www.blogger.com/img/logo_blogger_40px_2x.png
Alamat Link Blogger
https://www.blogger.com
Alamat Link Blogger Ikhsan Falihi
http://ikhsanfalihi.blogspot.com
Alamat Link Judul Postingan di Blogger Ikhsan Falihi
https://ikhsanfalihi.blogspot.com/2012/09/sekilas-tentang-penulis-blog-ini.html
Perhatikan teks berawalan http atau https, teks inilah yang akan kita sisipkan ke dalam tanda kutip ke kode
<a href=" ">nama link</a>
Untuk link 1
Misalnya kita menulis teks Alamat Link Logo Blogger ke ke kode untuk mengganti teks nama link
<a href=" ">Alamat Link Logo Blogger</a>
Masukkan alamat link ini
https://www.blogger.com/img/logo_blogger_40px_2x.png
ke dalam tanda kutip
sehingga kode menjadi
<a href="https://www.blogger.com/img/logo_blogger_40px_2x.png">Alamat Link Logo Blogger</a>
Kemudian kode tersebut dimasukkan ke dalam kode paragraf <p> </p> sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p>
<a href="https://www.blogger.com/img/logo_blogger_40px_2x.png">Alamat Link Logo Blogger</a>
</p>
</body>
</html>
Untuk link 2, link 3, dan link 4 dilakukan dengan cara yang sama dengan link 1.
Sisipkan kode <br> di antara link tersebut agar setiap link berada di baris yang berbeda-beda.
Tanda kutip jangan miring saat paste di halaman Tampilan HTML di Blogger.
Sekarang kode keseluruhannya menjadi
<DOCTYPE html>
<html>
<body>
<p>
<a href="https://www.blogger.com/img/logo_blogger_40px_2x.png">Alamat Link Logo Blogger
</a>
<br>
<a href="https://www.blogger.com">Alamat Link Blogger
</a>
<br>
<a href="https://ikhsanfalihi.blogspot.com">Alamat Link Blogger Ikhsan Falihi
</a>
<br>
<a href="https://ikhsanfalihi.blogspot.com/2012/09/sekilas-tentang-penulis-blog-ini.html”> Alamat Link Judul Postingan di Blogger Ikhsan Falihi
</a>
</p>
</body>
</html>
5. Copy-lah seluruh kode tersebut
6. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Pilihlah (tombollah) ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, itu tepatnya di sebelah kiri ikon Blogger) untuk memunculkan semua menu yang tersusun menurun,
Pilihlah menu +POSTINGAN BARU (yang berada di paling atas) hingga terbukalah halaman baru yang kosong.
Bila sudah terbuka halaman baru yang kosong, pilihlah menu ikon <> (yang berada di kiri atas tepatnya di bawah tulisan judul).
Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
7. Pilihlah Publikasikan
8. Pilihlah KONFIRMASI
9. Kembali ke menu Blogger,
Pilihlah ikon tiga garis bertumpuk (yang berada di paling kiri paling atas, tepatnya di sebelah kiri ikon Blogger) sampai muncul semua menu secara menurun.
10. Pilihlah (tombollah) menu Lihat blog (yang berada di paling bawah) untuk melihat hasil tampilan kode yang terpublikasikan ke seluruh semesta raya, yang bisa dibaca oleh seluruh manusia di semua jagat raya.
Kode selengkapnya berikut:
<DOCTYPE html>
<html>
<body>
<p>
<a href="https://www.blogger.com/img/logo_blogger_40px_2x.png">Alamat Link Logo Blogger
</a>
<br>
<a href="https://www.blogger.com">Alamat Link Blogger
</a>
<br>
<a href="https://ikhsanfalihi.blogspot.com">Alamat Link Blogger Ikhsan Falihi
</a>
<br>
<a href="https://ikhsanfalihi.blogspot.com/2012/09/sekilas-tentang-penulis-blog-ini.html"> Alamat Link Judul Postingan di Blogger Ikhsan Falihi
</a>
</p>
</body>
</html>
Hasil tampilannya sebagai berikut:
Alamat Link Logo Blogger
Alamat Link Blogger
Alamat Link Blogger Ikhsan Falihi
Alamat Link Judul Postingan di Blogger Ikhsan Falihi
Tombollah (kliklah) setiap link tersebut agar anda tahu hasilnya
