Cara Membuat Link di HTML atau Situs Khusus Link

Cara Membuat Link di HTML atau Situs Khusus Link

funknchunk – Link merupakan penghubung antara satu halaman dengan halaman lainnya. Pembuatan link pribadi maupun perusahaan bisa menjadi penghubung terhadap suatu identitas serta informasi dari suatu website. Bagi Anda yang ingin mempunyai penghubung dari suatu website maupun blog harus dapat mencari tahu bagaimana cara membuat link melalui HTML atau situs pengarah khusus link. 

Pembuatan link HTML dan Situs Khusus

  1. Penggunaan tag <a>

Link HTML yang ditandai dengan tag <a>…….<a> Tanda-tanda yang terdapat di tag <a> beserta fungsinya:

  • Href : untuk menunjukkan lokasi dokumen tujuan
  • Id : menghubungkan style sheet dan menandai lokasi pada halaman
  • hreflang: penggunaan bahasa
  • type : memberi catatan tipe terhadap isi dari dokumen yang dituju 
  • rel : menggambarkan koneksi antara dokumen saat ini dengan dokumen tujuan
  • rev : gambaran hubungan antara dokumen tujuan dengan dokumen saat ini
  • charset:  membuat spesifikasi karakter encoding dokumen website
  • title : pemberian judul link yang berupa tooltip

Berikut contohnya:

<html>

 <head>

  <title>Penggunaan Link Di HTML</title>

 </head>

 <body>

  <p>Mari belajar cara membuat HTML <a href=”https://funknchunk.com/“>Mari Belajar Cara </a></p>

 </body>

</html>

Link akan muncul saat Anda membuat HTML seperti di atas.

  1. Atribut id

Penggunaan tanda seperti id dapat membawa pembaca untuk menuju dokumen tertentu. Berikut contohnya:

<html>

   <head>

      <title>Tulisan</title>

   </head>

   <body>

      <p id=”pertama”>Ini adalah tulisan bersama pertama</p>

      <p id=”kedua”>Ini adalah tulisan bersama kedua</p>

   </body>

</html>

Ketika Anda mengklik “pertama” Anda langsung diarahkan ke bagian dari kalimat sebuah website tujuan.

  1. Atribut title

Atribut ini menampilkan isi title. Contohnya:

<html>

 <head>

  <title>Penggunaan Link HTML</title>

 </head>

 <body>

  <a href=”https://id.wikipedia.org/wiki/SteveJobs” title=”Biografi”>Biografi</a> 

 </body>

</html>

Setelah Anda membuat kode seperti di atas, Anda akan melihat tampilan yang berisi link Biografi. 

1. Perbedaan external link dengan local link

External link merupakan penghubung untuk membuka web page yang berada di website lain. Anda dapat mengganti kode <title>External Link</title> dan kode <p> contohnya:

<p>Untuk mengetahui informasi si pembuat Apple yang mendunia bernama Steve Jobs, klik <a href=”https://en.wikipedia.org/wiki/Steve_Jobs“>Biografi</a></p>

2. Situs khusus pembuat link

Terdapat berbagai macam pembuat link yang dapat Anda gunakan untuk menyediakan link di sebuah media sosial. Contohnya LinkTree, LinkTree dapat menghubungkan antar website. Misal seperti Instagram yang biasanya terdapat link khusus untuk mengarahkan seseorang ke web lainnya. 

Baca Juga : Cara Membuat NPWP Online Bagi Penduduk Indonesia

Anda dapat mencoba cara membuat link di atas sesuai dengan kebutuhan Anda. Jika masih kurang memahami dengan metode HTML Anda dapat menggunakan situs khusus untuk mempermudah hubungan antara suatu website dengan website lainnya.

Tags: ,