Internal link atau tautan internal yang dimaksud disini adalah link yang bekerja hanya dalam halaman itu. Berbeda dengan eksternal link, dimana ketika link diklik akan diallihkan ke halaman baru. Ini berguna jika dalam suatu halaman isi dokumen sangat panjang, kemudian pada halaman bawah ada yang harus direferensikan atau mengharuskan pembaca nantinya menuju bagian tertentu pada bagian atas. Pembaca bisa saja scrolling, tetapi agar memudahka pembaca lebih baik diberikan tautan internal. Ketika di klik maka pembaca langsung diarahkan ke bagian yang diperlukan tersebut. Sebagai contoh coba anda kelik kata ini : KE PARAGRAF AKHIR.
Untuk membuat link pada bagian lain tersebut digunakan format :
<!DOCTYPE html>
<html>
<head>
<title>Membuat Link Internal</title>
</head>
<body>
<h3 id="judul1">Tutorial Membuat Link Internal pada halaman HTML</h3>
<p id="paragraf1">Internal link atau tautan internal yang dimaksud disini adalah link yang bekerja hanya dalam halaman itu. Berbeda dengan eksternal link, dimana ketika link diklik akan diallihkan ke halaman baru. Ini berguna jika dalam suatu halaman isi dokumen sangat panjang, kemudian pada halaman bawah ada yang harus direferensikan atau mengharuskan pembaca nantinya menuju bagian tertentu pada bagian atas. Pembaca bisa saja scrolling, tetapi agar memudahka pembaca lebih baik diberikan tautan internal. Ketika di klik maka pembaca langsung diarahkan ke bagian yang diperlukan tersebut</p>
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br /> Sekarang anda paham akan semua itu, ingat kembali
<a href="#judul1">Kembali ke judul pertama</a>
<br />
<a href="#paragraf1">Kembali ke paragraf pertama</a>
</body></html>
Setelah anda compile pada browser, coba pilih ke " Kembali ke Paragraf Pertama". Otomatis halaman akan langsung dialihkan ke paragraf awal halaman tersebut.
Selain itu anda juga bisa membuat tautan yang menuju paragraf tertentu pada halaman lain di website anda. Caranya cukup dengan menambahkan indeks halaman didepan < a href='indeks_halaman.html#namaid"> Teks Tampilan </a> tentu saja pada halaman lain tersebut paragrafnya telah didefenisikan dengan namaid tertentu. Indeks halaman yang dimaksud adalah bagian dari alamat website setelah alamat utama misalnya bagian yang berwarna birupada alamat ini : http://ibahasapemograman.blogspot.com/2016/10/cara-membuat-link-pada-halaman-html.html. Sebagai contohnya saya gunakan berikut ini silahkan dicoba: Script Membuat Tabel pada HTML.
Atribut untuk Membuat Internal Link pada HTML
Untuk membuat internal link bisa digunakan atribut id. Masing masing paragraf diberikan id tertentu, nah dengan ada id tersebut bisa diberikan arahan pada browser untuk mengeksekusi dengan menuju ke idyan dimaksud ketika sebuah tautan diklik. Baca dulu : Penggunaan Span dan Div pada HTML.Untuk membuat link pada bagian lain tersebut digunakan format :
< a href='#namaid"> Teks Tampilan </a>Meskipun tidak menggunakan alamat url sebagai mana mestinya, tetapi ketika dijalankan maka ini akan dibaca oleh browser. Yang perlu diingat bahwa namaid harus ada bagian yang memiliki nama id tersebut. Agar lebih paham anda bisa menjalankan kode dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Membuat Link Internal</title>
</head>
<body>
<h3 id="judul1">Tutorial Membuat Link Internal pada halaman HTML</h3>
<p id="paragraf1">Internal link atau tautan internal yang dimaksud disini adalah link yang bekerja hanya dalam halaman itu. Berbeda dengan eksternal link, dimana ketika link diklik akan diallihkan ke halaman baru. Ini berguna jika dalam suatu halaman isi dokumen sangat panjang, kemudian pada halaman bawah ada yang harus direferensikan atau mengharuskan pembaca nantinya menuju bagian tertentu pada bagian atas. Pembaca bisa saja scrolling, tetapi agar memudahka pembaca lebih baik diberikan tautan internal. Ketika di klik maka pembaca langsung diarahkan ke bagian yang diperlukan tersebut</p>
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br />teks
<br /> Sekarang anda paham akan semua itu, ingat kembali
<a href="#judul1">Kembali ke judul pertama</a>
<br />
<a href="#paragraf1">Kembali ke paragraf pertama</a>
</body></html>
Setelah anda compile pada browser, coba pilih ke " Kembali ke Paragraf Pertama". Otomatis halaman akan langsung dialihkan ke paragraf awal halaman tersebut.
Selain itu anda juga bisa membuat tautan yang menuju paragraf tertentu pada halaman lain di website anda. Caranya cukup dengan menambahkan indeks halaman didepan < a href='indeks_halaman.html#namaid"> Teks Tampilan </a> tentu saja pada halaman lain tersebut paragrafnya telah didefenisikan dengan namaid tertentu. Indeks halaman yang dimaksud adalah bagian dari alamat website setelah alamat utama misalnya bagian yang berwarna birupada alamat ini : http://ibahasapemograman.blogspot.com/2016/10/cara-membuat-link-pada-halaman-html.html. Sebagai contohnya saya gunakan berikut ini silahkan dicoba: Script Membuat Tabel pada HTML.
Demikian cara membuat internal link pada suatu halaman html. Anda bisa menerapkannya pada blog berbasis blogspot/wodpress dan website sekalipun didalam postingan anda. Semoga bermanfat.
Share Yuk
Related Posts
Loading...
asdasdasdas
ReplyDelete