Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang pembuatan dan fungsi dari link pada satu dokumen yang sama pada file HTML. Untuk membuat link ke bagian tertentu dalam dokumen yang sama, harus diberikan nama anchor. Perbedaan dengan link yang berbeda dokumen adalah tujuan / target link, jika dalam dokumen yang sama yang dituju adalah nama anchor tetapi kalau dokumen yang beda yang dituju adalah nama file / dokumen yang bersangkutan.
Untuk memberi nama anchor, atribut yang dipakai adalah NAME pada tag anchor <A> dan untuk membuat link cukup memberikan tanda # setelah nama file dalam URL. Misal:
1. <A HREF=”#pemain”>Pemain Juventus</A><h3>
atau dapat ditulis lengkap:
<A HREF=”19-html-link-dokumen-sama.html#sejarah”> Bab 1 </A>
dan untuk nama anchornya:
<A NAME=”pemain”></A>
<A HREF=”19-html-link-dokumen-sama.html#sejarah”> Bab 1 </A>
dan untuk nama anchornya:
<A NAME=”pemain”></A>
Buatlah file html dengan script sebagai berikut:
<html>
<head>
<title>html link dalam dokumen sama</title>
</head>
<body>
<h3>Link dalam dokumen sama</h3>
<hr>
<a name="juventus"></a>
<h3>Juventus</h3>
<p>
Juventus Football Club S.p.A. (BIT : JUVE) (dari bahasa Latin:iuventus: masa muda [ju ' ventus]), biasa disebut sebagai Juventus
dan popular dengan nama Juve (pengucapan [ ' ju : ve]), adalah klub sepak bola
profesional Italia yang berbasis di Turin, Piedmont.
Klub sepakbola ini adalah yang tertua ketiga di Italia dan telah menghabiskan sebagian besar sejarahnya, dengan pengecualian pada
musim 2006 - 07, di atas klasemen Divisi Pertama (dikenal sebagai Serie A sejak 1929).
</p>
<p>
Didirikan pada tahun 1897 sebagai Sport Club Juventus oleh sekelompok siswa muda di kota Turin, yang dipimpin oleh Eugenio Canfari
dan saudaranya Enrico, klub ini kemudian dikelola oleh industrialis keluarga Agnelli sejak tahun 1923, yang merupakan kemitraan
olahraga tertua di Italia, sehingga membuat Juventus menjadi klub profesional pertama di negara itu. Seiring waktu, klub telah
menjadi simbol dari budaya bangsa dan Italianità ("Italia"), karena tradisi mereka sukses, beberapa di antaranya memiliki
dampak yang signifikan dalam masyarakat Italia, terutama pada tahun 1930-an dan dekade pertama pasca-perang yang sekaligus mempengaruhi
politik ideologis dan asal sosial ekonomi simpatisan klub. Hal ini tercermin antara lain, dalam kontribusi klub untuk tim nasional sepak
bola Italia sejak paruh kedua tahun 1920-an yang kemudian diakui sebagai salah satu yang paling berpengaruh dalam sepak bola internasional
karena turut berperan penting dalam kemenangan Piala Dunia 1934, 1982 dan 2006. Basis penggemar klub ini lebih besar daripada klub sepak
bola Italia lainnya dan merupakan salah satu yang terbesar di seluruh dunia. Dukungan untuk Juventus tersebar luas di seluruh negeri dan
luar negeri, terutama di negara-negara dengan keberadaan yang signifikan dari imigran Italia.
</p>
<a href="#pemain">pemain juventus</a>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<a name="pemain"></a>
<h3>Berikut adalah nama-nama pemain Juventus tahun 2015-2016</h3>
1 - Gianluigi Buffon (Italia)<br>
3 - Giorgio Chiellini (Italia)<br>
4 - Martin Caceres (Uruguay)<br>
6 - Sami Khedira (Jerman)<br>
7 - Simone Zaza (Italia)<br>
8 - Claudio Marchisio (Italia)<br>
9 - Alvaro Morata (Spanyol)<br>
10 - Paul Pogba (Prancis)<br>
11 - Hernanes (Brasil)<br>
12 - Alex Sandro (Brasil)<br>
15 - Andrea Barzagli (Italia)<br>
16 - Juan Cuadrado (Kolombia)<br>
17 - Mario Mandzukic (Kroasia)<br>
18 - Mario Lemina (Gabon)<br>
19 - Leonardo Bonucci (Italia)<br>
20 - Simone Padoin (Italia)<br>
21 - Paulo Dybala (Argentina)<br>
22 - Kwadwo Asamoah (Ghana)<br>
24 - Daniele Rugani (Italia)<br>
25 - Neto Murara (Brasil)<br>
26 - Stephan Lichtsteiner (Swiss)<br>
27 - Stefano Sturaro (Italia)<br>
33 - Patrice Evra (Prancis)<br>
34 - Rubinho (Italia)<br>
37 - Roberto Pereyra (Argentina)<br>
38 - Emil Audero Mulyadi (Italia)<br>
<a href="#juventus">kembali ke atas</a>
</body>
</html>
<head>
<title>html link dalam dokumen sama</title>
</head>
<body>
<h3>Link dalam dokumen sama</h3>
<hr>
<a name="juventus"></a>
<h3>Juventus</h3>
<p>
Juventus Football Club S.p.A. (BIT : JUVE) (dari bahasa Latin:iuventus: masa muda [ju ' ventus]), biasa disebut sebagai Juventus
dan popular dengan nama Juve (pengucapan [ ' ju : ve]), adalah klub sepak bola
profesional Italia yang berbasis di Turin, Piedmont.
Klub sepakbola ini adalah yang tertua ketiga di Italia dan telah menghabiskan sebagian besar sejarahnya, dengan pengecualian pada
musim 2006 - 07, di atas klasemen Divisi Pertama (dikenal sebagai Serie A sejak 1929).
</p>
<p>
Didirikan pada tahun 1897 sebagai Sport Club Juventus oleh sekelompok siswa muda di kota Turin, yang dipimpin oleh Eugenio Canfari
dan saudaranya Enrico, klub ini kemudian dikelola oleh industrialis keluarga Agnelli sejak tahun 1923, yang merupakan kemitraan
olahraga tertua di Italia, sehingga membuat Juventus menjadi klub profesional pertama di negara itu. Seiring waktu, klub telah
menjadi simbol dari budaya bangsa dan Italianità ("Italia"), karena tradisi mereka sukses, beberapa di antaranya memiliki
dampak yang signifikan dalam masyarakat Italia, terutama pada tahun 1930-an dan dekade pertama pasca-perang yang sekaligus mempengaruhi
politik ideologis dan asal sosial ekonomi simpatisan klub. Hal ini tercermin antara lain, dalam kontribusi klub untuk tim nasional sepak
bola Italia sejak paruh kedua tahun 1920-an yang kemudian diakui sebagai salah satu yang paling berpengaruh dalam sepak bola internasional
karena turut berperan penting dalam kemenangan Piala Dunia 1934, 1982 dan 2006. Basis penggemar klub ini lebih besar daripada klub sepak
bola Italia lainnya dan merupakan salah satu yang terbesar di seluruh dunia. Dukungan untuk Juventus tersebar luas di seluruh negeri dan
luar negeri, terutama di negara-negara dengan keberadaan yang signifikan dari imigran Italia.
</p>
<a href="#pemain">pemain juventus</a>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<a name="pemain"></a>
<h3>Berikut adalah nama-nama pemain Juventus tahun 2015-2016</h3>
1 - Gianluigi Buffon (Italia)<br>
3 - Giorgio Chiellini (Italia)<br>
4 - Martin Caceres (Uruguay)<br>
6 - Sami Khedira (Jerman)<br>
7 - Simone Zaza (Italia)<br>
8 - Claudio Marchisio (Italia)<br>
9 - Alvaro Morata (Spanyol)<br>
10 - Paul Pogba (Prancis)<br>
11 - Hernanes (Brasil)<br>
12 - Alex Sandro (Brasil)<br>
15 - Andrea Barzagli (Italia)<br>
16 - Juan Cuadrado (Kolombia)<br>
17 - Mario Mandzukic (Kroasia)<br>
18 - Mario Lemina (Gabon)<br>
19 - Leonardo Bonucci (Italia)<br>
20 - Simone Padoin (Italia)<br>
21 - Paulo Dybala (Argentina)<br>
22 - Kwadwo Asamoah (Ghana)<br>
24 - Daniele Rugani (Italia)<br>
25 - Neto Murara (Brasil)<br>
26 - Stephan Lichtsteiner (Swiss)<br>
27 - Stefano Sturaro (Italia)<br>
33 - Patrice Evra (Prancis)<br>
34 - Rubinho (Italia)<br>
37 - Roberto Pereyra (Argentina)<br>
38 - Emil Audero Mulyadi (Italia)<br>
<a href="#juventus">kembali ke atas</a>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Kedua gambar dia atas adalah satu dokumen yang sama, berhubung tidak cukup untuk di bikin satu capture, jadi saya buat menjadi dua capture. Apabila kita klik link yang di atas bertuliskan Pemain, maka langsung akan menuju ke halaman bagian bawah dengan Daftra pemain. Dan sebaliknya apabila kita klik pada link kembali ke atas, maka akan menuju ke halaman atas bagian sejarah.
Demikianlah sedikit penjelasan tentang bagaimana penggunaan list berurut
(ordered list) pada file HTML. Semoga bermanfaat, Salam
sukses...
0 comments: