Belajar HTML Part 8: 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=”#”> :
|
1 |
<a href="malasngoding.com">klik disini</a> |
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.
- alamat absolute yaitu penulisa alamat file yang disertai dengan alamat website. contohnya :
123456789<!DOCTYPE html><html><head><title>belajar memubuat hyperlink</title></head><body>ini adalah contoh alamat absolute <a href="https://www.malasngoding.com/category/html/">klik disini</a></body></html>
dari contoh diatas merupakan hyperlink menggunakan alamat absolute. dimana saya akan menakses file html yang berada di malasngoding.com/category
alamat absolute
- 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)
123456789<!DOCTYPE html><html><head><title>belajar memubuat hyperlink</title></head><body>ini adalah contoh alamat alternatif <a href="part7.html">klik disini</a></body></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
Incoming search terms:
- contoh link html
- https://www malasngoding com/belajar-html-membuat-hyperlink-pada-html/
- hyperlink html
- cara membuat hyperlink pada html
- cara hyperlink html
- hyperlink pada html
- cara hyperlink di html
- membuat hyperlink di html
- hyperlink di html
- cara membuat hyperlink di html
Produk
Toko Kami
TUTORIAL MENARIK LAINNYA
Menampilkan PDF Di HTML Dengan Mudah
Membuat Game Snake Dengan HTML5 dan JQuery
Membuat Baris Baru atau Enter di HTML
Cara Disable Resize Form Textarea Dengan CSS
[…] 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 […]
Semoga lancar