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
Tutorial Menarik Lainnya
Membuat Navbar Responsive dengan HTML dan CSS
Contoh Coding HTML Website Biodata, Dan Cara Membuatnya
Membuat Show Hide Password Di HTML
Membatasi Jumlah Karakter Input HTML
[…] 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
Jika ingin minta tolong membuat di kasur happy anniversarry kena tambahan biaya tidak?