Beranda
Programming

Cara Membuat Hyperlink Di HTML || BLC Telkom Klaten

1 min read

A. PENDAHULUAN
    a. Pengertian

    Link atau Hyperlink merupakan elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain.


    b. Latar Belakang Masalah

    Dikarenakan Hyperlink ditemukan di hampir semua web. Tautan memungkinkan pengguna mengeklik di jalan mereka dari halaman ke halaman.


B. MAKSUD DAN TUJUAN

    Hyperlink digunakan untuk mempermudah pengguna mengeklik di jalan mereka dari halaman ke halaman.


C. BATASAN DAN RUANG LINGKUP PEKERJAAN

    Tautan HTML - Hyperlink

  • Sintaks
  • Atribut Target
  • Gunakan Gambar Sebagai Tautan
  • Tautan ke Alamat Email

 

D. TARGET DAN HASIL YANG DIHARAPKAN

    Dapat mengimplementasikan di Visual Studio Code dan dapat mempermudah pengguna mengklik jalan mereka dari halaman ke halaman,


E. ALAT DAN BAHAN

  • Laptop
  • Internet
  • Visual Studio Code

 

F. TARGET WAKTU

    8 Jam (08.00-16.00 WIB)


G. TAHAPAN PELAKSANAAN

  • Briefing
  • Sintaks 
    • Tag <a> yaitu hyperlink
    • Atribut href menunjukan tujuan tautan
  • Berikut adalah caranya   
    <!DOCTYPE html>
    <html>
    <head>
    <title>Pencapaian Hari Ini</title>
    <link rel="icon" type="image/x-icon" href="fashion.ico">
    </head>
    <body>
    <a href="https://adibaunur.blogspot.com/">Blogger</a>
    </body>
    </html> 
  • Ini hasilnya
  • Atribut Target
    • Atribut target menentukan tempat untuk membuka dokumen tertaut. dan dapat memiliki salah satu dari nilai berikut:
    • _self - Membuka dokumen di jendela/tab yang sama dengan di klik
    • _blank - Membuka dokumen di jendela atau tab baru
    • _parent - Membuka dokumen di jendela atau tab baru
    • _top - Membuka dokumen di seluruh badan jendela
  • Berikut adalah caranya
    <a href="https://adibaunur.blogspot.com/" target="_blank">Karyaku</a>
  • Ini hasilnya dan jika di klik tautan tersebut maka akan muncul di tab baru
  • Gunakan gambar sebagai tautan
    • Maka hanya ditambahkan tag <img> di dalam tag <a>
  • Berikut adalah caranya   
    <a href="https://adibaunur.blogspot.com/"><img src="mebel.jpeg"  
    alt="mebelweleri" style="width: 45px;height:45px"></a>
  • Ini hasilnya lalu klik gambar dan akan di tujukan ke link tersebut
  • Tautan ke Alamat Email
    • Cukup hanya ditambahkan mailto: didalam atribut href
      <a href="mailto:adibaunur11@gmail.com">Email</a> 
  • Ini hasilnya

H. TEMUAN PERMASALAN DAN PENYELESAIANNYA
I. REFERENSI

  • W3Schools

Anda mungkin menyukai postingan ini

Posting Komentar