Teknik Dasar Menciptakan Link Html Didalam Artikel Blog

Selasa, 01 Agustus 2017

Sebenarnya masih banyak blogger yang belum tahu Teknik Dasar dalam Membuat sebuah Link di halamannya. Karena biasanya kita hanya memanfaatkan akomodasi yang disediakan pada sajian editor di masing-masing platform, menyerupai blogger dan wordpress pada umumnya.

Maka dari itu, kali ini saya akan membahas Teknik Dasar Membuat Link HTML semoga mempermudah teman-teman yang mau berguru koding HTML didalam blog.

Untuk itu, silahkan teman-teman siapkan terlebih dulu notepad++ / jadwal koding lain yang sesuai dengan kebutuhan teman-teman.


Tools bawaan Windows menyerupai Notepad juga bahwasanya sudah cukup berdasarkan saya untuk mempraktekkan teknik dasar kali ini. Program koding yang biasa saya gunakan ialah Sublime Text, jadwal ini saya gunakan alasannya ialah lebih gampang dipahami.

Jika sudah siap, yuk simak ulasan berikut ini.

Seharusnya disini teman-teman lebih mengenal dulu apa saja arahan yang ada didalam kamus HTML. Tapi kalau kau masih belum mengenal pada masing-masing arahan HTML, teman-teman sanggup baca Halaman Kamus HTML yang sudah saya siapkan untuk kau pelajari.

Baca juga: Kamus HTML

Karena di artikel ini saya hanya akan membahas ihwal Teknik Dasar Membuat sebuah Link di HTML Blog, jadi saya anggap teman-teman sudah tau beberapa fungsi HTML yang sudah saya tulis di Halaman Kamus HTML itu yah.

Link ialah sebuah Text atau Gambar yang bila diklik akan membawa kita ke bab lain, baik itu didalam halaman blog atau keluar dari halaman blog.

Sebuah link secara default ditandai dengan text berwarna biru yang juga bergaris bawah menyerupai LINK INI.

LINK Text

Untuk menciptakan sebuah Text menjadi sebuah Link, kita cukup mengapit Text yang akan diberi link dengan memakai Tag pembuka berupa <a href> dan tag epilog berupa </a>. Perhatikan Kode berikut ini:

<a href="Link Tujuan">Link</a>

Kode HTML diatas merupakan Rumus Dasar dari sebuah Link Text. Nah kalau kau mau menciptakan sebuah link yang sanggup mengantar pengunjung ke blog ini (misalnya), kau sanggup lihat rumus Link Text dibawah ini.

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

Lalu apa saja ya yang sanggup kita lakukan memakai rumus a href ini? Coba perhatikan 4 point dibawah ini.

1. Link yang akan menuju ke halaman lain dalam Blog yang sama.

   href="http://www.kangwira.com/p/kamus-html.html"

2. Link yang menuju ke halaman lain dalam blog yang berbeda.

   href="http://www.artimimpi.ga/p/kontak.html"

3. Link yang mengarah ke sebuah file yang sanggup ditampilkan didalam browser menyerupai Gambar, MP3, Video, dan lainnya. Dan biasanya link ini dipakai oleh situs-situs Download.

   href="https://www.mediafire.com/download/aiourtwes/lagu.mp3"

4. Link yang mengarah ke sebuah Aplikasi Chatting menyerupai Whatsapp, BBM, Line, Facebook Messanger dan lainnya.

   href="https://api.whatsapp.com/send/+6282310856967"

Untuk setiap jenis Link diatas, yang paling penting diketahui ialah cara penulisan alamat atau URL-nya itu yah teman-teman.

Harap perhatikan pada Point ke-3 diatas yang sudah saya tandai bahwa link tersebut didapat ketika kita akan memperlihatkan file dari situs penyimpanan file yang akan di download oleh pengunjung.

Alamat atau URL ini harus ditulis diantara tanda kuitp setelah atribut href=. Kaprikornus jangan hingga salah yah teman-teman.

Image Link

Pada dasarnya kita harus tahu dulu teknik dasar HTML untuk menampilkan sebuah gambar pada sebuah blog. Nah rumusnya sanggup teman-teman lihat dibawah ini.

<img src="Gambar.jpg"/>

Jika teman-teman ingin menyisipkan Link didalam sebuah gambar, bahwasanya hanya tinggal mengapit rumus Image Link diatas kedalam rumus Text Link.

sama halnya dengan Link Text, Image Link ini juga sanggup menampilkan gambar ketika di klik. Sebagai contoh, silahkan teman-teman klik Gambar Utama didalam artikel ini, maka akan menampilkan gambar tersebut di tab gres dengan ukuran lebih besar.

Baca juga: Membuat Semua Gambar di Blog Menjadi Responsive

Sebagai rujukan untuk menyisipkan link didalam sebuah gambar, Teman-teman sanggup memakai arahan HTML dibawah ini.

<a href="LINK Tujuan"><img src="Gambar.jpg"/></a>

Nah kini saatnya teman-teman untuk berkreasi didalam postingan blognya yah. Teman-teman sanggup coba banyak sekali ekstensi gambar menyerupai .JPG .PNG dan .GIF yang sanggup kita sanggup dari google image sebagai materi praktek saja.

Ohya, saya hampir lupa menjelaskan bahwa Teknik Dasar Membuat Link yang kau pelajari diatas itu akan mengantarkan pengunjung pada Tab Browser yang sama.

Artinya ketika pengunjung klik link yang kau buat, maka halaman yang sedang dibuka ketika ini akan digantikan oleh halaman yang dituju oleh link tersebut. Coba klik 2 tombol dibawah ini sebagai rujukan Link menuju halaman utama

Tab yang sama Tab Yang Baru
Nah bagaimana jikalau kita ingin mengantarkan pengunjung ke tujuan tanpa harus meninggalkan halaman blog yang sedang dibaca ini menyerupai pada tombol merah diatas?

Caranya cukup mudah, teman-teman tinggal sisipkan atribut target="_blank" didalam tag pembuka dari rumus Text Link diatas. Lihat rujukan nya dibawah ini:

<a href="Link Tujuan" target="_blank">Link</a>

Cukup Praktis bukan?

Sekian dulu artikel ihwal Teknik Dasar Membuat Link kali ini yah teman-teman. Jika teman-teman masih merasa kebingungan dengan pemahaman diatas, silahkan bertanya di kolom komentar dibawah ini yah.

Dan jangan lupa masukkan email kau di kolom Berlangganan dibawah ini untuk mendapat notifikasi jikalau ada postingan terbaru di blog ini.

Share This :