Jika pada tutorial HTML Dasar kita telah mempelajari cara menciptakan link ke halaman lain (baik link dengan alamat otoriter maupun alamat relatif), kita juga sanggup menciptakan link ke bab lain dari dokumen yang sama. Dalam Tutorial HTML Lanjutan kali ini kita akan mempelajari Cara Membuat Internal Link ke Bagian Lain Dokumen dengan memakai atribut id.
Apakah sahabat mengerti Apa itu Internal Link ? dan Bagaimana Cara Membuat Internal Link ?
Internal link yaitu sebuah link dari satu halaman menuju halaman yang lainnya di dalam sebuah blog yang sama yang isinya masih berkaitan.
Cara Membuat Internal Link
Untuk menciptakan sebuah di HTML itu sama saja dengan memakai tag <a> tetapi dengan atribut berbeda. Pada artikel aku sebelumnya aku memakai atribut hrep dengan sasaran itu untuk Eksternal Link, sedangkan untuk Internal Link kita memakai Tag id.
Mengenal Atribut id dalam HTML
Atribut id yaitu sebuah atribut yang sanggup dipakai atau di kombinasikan dengan semua tag, kalo secara sederhananya atribut id itu sama dengan �identitas� sebuah tag. Atribut id biasanya dipakai untuk mengkobinasikan dengan CSS ataupun Javascript. Oleh alasannya itu atribut id ini sering ditemukan pada setiap halaman web jadi Mengenal Atribut id ini sangatlah penting alasannya termasuk dari Dasar Pemograman Web.
Berikut referensi penggunaan atribut id berikut :
<p id="paragraf1"> </p>
<a id="situs1" href="http://www.ruangilmu.ga">RuangIlmu</a>
<img id="logo ruangilmu" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4JMK_sRrOMLhlyDJTgoQIt53m-yo1y4XzztGUy1BcXrSIxecgqP5DL-hC8I3zFhnvrklhdS66hBckE_WiP9Vhw_GYr3oRVmboVKwD0ZuQrodlHZIFy6boFtmmRfaFPVyk1xvHDORv3g/s1600/Untitled-1.png" />
<div id="footer"></div>
Cara Membuat Link ke Bagian Lain Dokumen HTML
Selain dipakai di dalam CSS dan JavaScript, atribut id juga dipakai di dalam HTML sebagai �penanda� bab dari halaman web.
Apabila paragraf pertama dari halaman kita mempunyai id=�paragraf1�, maka kita sanggup menciptakan link yang akan �memindahkan� jendela web browser ke bab �paragraf1�, dengan menuliskan:
<a href="#paragraf1">Kembali ke paragraf pertama</a>
Jika bab tersebut dijalankan, web browser akan menampilkannya menyerupai link �normal�, namun dikala user men-klik kalimat link tersebut, ia akan dipindahkan ke bab halaman yang mempunyai id=�paragraf1�. Perhatikan bahwa di dalam tag <a>, kita memakai tanda pagar �#� untuk berpindah ke bab lain halaman.
Syarat dari link tersebut sanggup berfungsi yaitu di bab lain halaman, harus ada tag yang mempunyai atribut id=�paragraf1�.
Selain dipakai untuk pindah ke bab lain pada halaman yang sama, kita juga sanggup menciptakan link untuk halaman lain, dan sekaligus memindahkan tampilan ke bab tertentu. Untuk keperluan ini, kita hanya tinggal menambahkan tanda pagar di final atribut href, menyerupai referensi berikut ini:
<a href="halaman_lain.html#paragraf1">Link ke paragraf pertama halaman lain</a>
Jika digabungkan dengan alamat absolut, kita sanggup memandu pengunjung situs ke bab tertentu situs lain, dengan syarat pada bab tersebut mempunyai tag id.
Sebagai contoh, berikut yaitu isyarat HTML cara menciptakan link ke bab lain dokumen HTML:
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3 id="judul1">Penggunaan atribut ID</h3>
<a href="#paragraf1">Apa itu RuangIlmu</a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#judul1">Kembali ke judul</a>
<br />
<p id="paragraf1">Ruang Ilmu yaitu sebuah blog eksklusif yang berkhasiat untuk berguru secara online dan asyik. Pada blog Ruang Ilmu ini akan tersedia aneka macam ilmu ilmu yang anda akan dapatkan dengan gampang selain anda berguru di Sekolah tentunya.</p>
</body>
</html>
tag <br /> semoga halaman web menjadi panjang, dan kita sanggup melihat dampak dikala men-klik link untuk kembali ke paragraf pertama halaman web. Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon