Membuat Anchor pada HTML
A. Pendahuluan :
Anchor text adalah sebuah tulisan penanaman link yang akan ditampilkan pada sebuah halaman. Untuk memberikan perintah menggunakan tag < a name ="nama anchor" > dan diakhiri dengan < /a> .
B. Script Code
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Link </title>
</head>
<body>
<h1>
<a name="daftar"> Daftar Isi </a>
</h1>
<p>
<a href="#hal1"> Halaman 1 </a><br />
<a href="#hal2"> Halaman 2 </a><br />
<a href="#hal3"> Halaman 3 </a><br />
</p>
<h1>
<a name="hal1"> Halaman 1 </a>
</h1>
<p>
Sebuah situs web tidak bisa berdiri sendiri. Setiap situs web harus terintegrasi dengan suatu link. Dengan adanya link, maka setiap halaman web akan mudah dijelajahi oleh pengunjung. Di samping itu, dengan adanya link maka pengunjung bisa menjelajahi situs lain dengan referensi yang berbeda. Oleh karena itu, link merupakan suatu keharusan dalam sebuah situs web. Fungsi dari link adalah menghubungkan satu halaman web ke halaman lain (baik dalam situs yang sama maupun tidak). Cara mengaktifkan link hanya dengan mengklik suatu obyek (dapat berupa teks maupun gambar, bisa juga dalam bentuk komponen form).
</p>
<p>
<a href="daftar"> Kembali ke Daftar Isi </a>
</p>
<h1>
<a name="hal2"> Halaman 2 </a>
</h1>
<p>
Pada contoh ini, diinisialkan ada sebuah daftar isi yang terdiri dari 3 buah item yaitu halaman 1, halaman 2 dan halaman 3. Adapun dari skenario dari contoh ini adalah apabila salah satu item tersebut diklik (mis. Halaman 1) maka browser akan memunculkan konten halaman 1. Sedangkan halaman 1 terletak dalam halaman yang sama dnegan daftar isi tersebut. Setelah dibuat nama anchor, langkah selanjutnya adalah membuat link ke anchor yang telah dibuat dengan cara menulis perintah Nama file dituliskan jika nachor terletak pada halam yang berbeda linknya. Sedangkan jika anchor terletak pada halaman yang sama, cupuk dituliskan #nama anchornya saja
</p>
<p>
<a href="#daftar"> Kembali ke Daftar Isi </a>
</p>
<h1>
<a name="hal3"> Halaman 3 </a>
</h1>
<p>
Dalam desain web, tabel biasanya digunakan untuk mengatur tampilan data supaya bagus dipandang. Selain itu tabel dapat pula digunakan untuk mengatur layout halaman web. Sebuah tabel terdiri dari baris dan kolom. Dalam tabel terdapat pula sel yang merupakan perpotongan baris dan kolom. Data yang akan ditampilkan dalam tabel diletakkan dalam sel tersebut. Untuk memulai membuat tabel dalam halaman web pertama kali harus diberikan tag pembuka dan diakhiri dengan. Di antara tag tersebut dapat Anda masukkan tag untuk membuat baris dan kolomnya. Tag yang menyatakan baris dalam tabel ditandai dengan td. Tag sel harus diletakkan dalam tag baris. Sedangkan untuk nama kolom pada tabel gunakan tag th dan diakhiri dengan th. Penulisan nama kolom ini juga harus dalam baris tr dan tr.
</p>
<p>
<a href="#daftar"> Kembali ke Daftar Isi </a>
</p>
</body>
</html>
]]>
C. Hasil Preview
Halaman 1
Halaman 2
Halaman 3
Sebuah situs web tidak bisa berdiri sendiri. Setiap situs web harus terintegrasi dengan suatu link. Dengan adanya link, maka setiap halaman web akan mudah dijelajahi oleh pengunjung. Di samping itu, dengan adanya link maka pengunjung bisa menjelajahi situs lain dengan referensi yang berbeda. Oleh karena itu, link merupakan suatu keharusan dalam sebuah situs web. Fungsi dari link adalah menghubungkan satu halaman web ke halaman lain (baik dalam situs yang sama maupun tidak). Cara mengaktifkan link hanya dengan mengklik suatu obyek (dapat berupa teks maupun gambar, bisa juga dalam bentuk komponen form).
Kembali ke Daftar Isi
Pada contoh ini, diinisialkan ada sebuah daftar isi yang terdiri dari 3 buah item yaitu halaman 1, halaman 2 dan halaman 3. Adapun dari skenario dari contoh ini adalah apabila salah satu item tersebut diklik (mis. Halaman 1) maka browser akan memunculkan konten halaman 1. Sedangkan halaman 1 terletak dalam halaman yang sama dnegan daftar isi tersebut. Setelah dibuat nama anchor, langkah selanjutnya adalah membuat link ke anchor yang telah dibuat dengan cara menulis perintah Nama file dituliskan jika nachor terletak pada halam yang berbeda linknya. Sedangkan jika anchor terletak pada halaman yang sama, cupuk dituliskan #nama anchornya saja
Kembali ke Daftar Isi
Dalam desain web, tabel biasanya digunakan untuk mengatur tampilan data supaya bagus dipandang. Selain itu tabel dapat pula digunakan untuk mengatur layout halaman web. Sebuah tabel terdiri dari baris dan kolom. Dalam tabel terdapat pula sel yang merupakan perpotongan baris dan kolom. Data yang akan ditampilkan dalam tabel diletakkan dalam sel tersebut. Untuk memulai membuat tabel dalam halaman web pertama kali harus diberikan tag pembuka dan diakhiri dengan. Di antara tag tersebut dapat Anda masukkan tag untuk membuat baris dan kolomnya. Tag yang menyatakan baris dalam tabel ditandai dengan td. Tag sel harus diletakkan dalam tag baris. Sedangkan untuk nama kolom pada tabel gunakan tag th dan diakhiri dengan th. Penulisan nama kolom ini juga harus dalam baris tr dan tr.
Kembali ke Daftar Isi
D. Kesimpulan :
Dari Script dan hasil di atas dapat diketahui bahwa terdapat nama link dalam web yang akan menunjukkan sebuah halaman web, dan ketika kita klik maka kita akan diarahkan ke halaman web tersebut.