-

Belajar HTML Part 8: Membuat Hyperlink Pada HTML


Membuat Hyperlink Pada HTML

Belajar HTML Membuat Hyperlink Pada HTML

hyperlink yang sering di kenal dengan link yaitu menghubungkan antara satu dokument dengan dokumen yang lain pada HTML. Tujuan dari hyperlink ini membuat sebuah teks atau gambar yang ketika diklik akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam penulisan hyerlink tersebut.

hyperlink sendiri ditulis dengan <a> atau yang kita kenal dengan anchor (jangkar). <a> ini selalu diikiti oleh atribut href, dimana didalam href (hypertext reference) ini lah yang akan diisikan alamat yang dituju ketika text atau gambar diklik.  berikut penulisan hyperlink menggunakan <a href=”#”> :

ketika diklik pada kata klik disini maka akan di alihkan ke halaman malasngoding.com

Jenis Hyperlink Pada HTML

dalam penulisan alamat Membuat Hyperlink Pada HTML memiliki dua jenis yaitu alamat absolte dan alamat alternatif.

  1. alamat absolute yaitu penulisa alamat file yang disertai dengan alamat website. contohnya :

    dari contoh diatas merupakan hyperlink menggunakan alamat absolute. dimana saya akan menakses file html yang berada di malasngoding.com/category

    Membuat Hyperlink Pada HTML

    alamat absolute

     

  2. alamat alternatif merupakan penulisan alamat file yang akan di panggil berada dalam aplikasi yang sama, jadi sebelum memanggil file yang diperlikan tidak udah menggunakan nama dari websitenya. contohnya saya akan memanggil file part7.html yang berada dalam projek saya (satu folder dengan halama yang sekarang saya buat)

     

    Membuat Hyperlink Pada HTML

    alamat alternatif

    perlu di perhatikan Membuat Hyperlink Pada HTML dalam penulisan alamat alternatif, sebelum kita memanggil filenya ada kalanya file tersebut tidak berada dalam satu forlder maka folder tempat keberadaan file perlu di panggil.

 

Tutorial HTML Dasar Lainnya

Belajar HTML Part 1 : Pengertian HTML

Belajar HTML Part 2 : Memilih Text Editor

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Part 4 : Heading Pada HTML

Belajar HTML Part 5 : Format Text Pada HTML

Belajar HTML Part 6 : Membuat Paragraf Pada HTML

Belajar HTML Part 7 : Membuat Table Pada HTML

Belajar HTML Part 8 : Membuat Hyperlink Pada HTML

Belajar HTML Part 9 : Membuat List Pada HTML

Belajar HTML Part 10 : Membuat Format Code Pada HTML

Belajar HTML Part 11 : Membuat Form Pada HTML

Belajar HTML Part 12 : Atribut Form Pada HTML

Belajar HTML Part 13 : Membuat Symbol Pada HTML

Belajar HTML Part 14 :Menampilkan Gambar Pada HTML

Belajar HTML Part 15 : Tag Iframe Pada HTML

Belajar HTML Part 16 : Menghubungkan HTML dengan CSS

Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML


Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tutorial Menarik Lainnya

Membuat Menu Navbar Responsive
Contoh website html biodata sederhana
Membuat fitur show hide password di HTML
Membatasi Jumlah Karakter Input HTML

Membatasi Jumlah Karakter Input HTML

Halo sobat malasngoding.com pada artikel kali ini Kita akan pelajari bagaimana cara membatasi jumlah karakter yang di input kedalam form menggunakan HTML. Dalam membuat form ...

Diskusi

2 Komentar
  • Membuat Cetak Print Laporan Dengan PHP – Malas Ngoding 6 years ago

    […] teman-teman perhatikan pada file index.php. pada file index.php kita membuat hyperlink atau link “TES PRINT” yang mengarahkan ke file cetak1.php pada saat di […]

  • Wahyudi 2 years ago

    Semoga lancar

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD