HTML · Tutorial

TUTORIAL HTML-MEMBUAT ANCHOR

MEMBUAT ANCHOR

Untuk membuat anchor, langkah pertama harus memberi nama anchor terlebih dahulu pada bagian yang akan ditargetkan. Hal ini dapat dilakukan dengan perintah <a name=”nama anchor”> dan diakhiri </a>.

Contoh Penggunaan TAG 

<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

terintegritasi 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 berbeda.

Oleh karena itu, link merupakan suatu keharusan dalam sebuah situs web.

Fungsi dari link adalah menghubungkan satu halaman web kehalaman lain

(baik dalam situs yang sama maupun tidak). Cara mengaktifkan link hanya

dengan mengklik satu obyek (dapat berupa teks maupun gambar, bisa juga

dalam bentuk form).

</p>

<p>

<a href=”#daftar”>Kembali ke Daftar Isi</a>

</p>

<h1>

<a name=”hal2″>Halaman 2</a>

</h1>

<p>

Pada contoh ini, dimisalkan 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 dengan daftar isi tersebut. Setelah dibuat nama anchor,

langkah selanjutnya adalah membuat link ke anchor yang telah dibuat degan

cara menulis perintah Nama file dituliskan jika anchor terletak pada halaman

yang berbeda dengan linknya. Sedangkan jika anchor terletak pada halaman yang sama,

cukup tuliskan #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 garis dan kolom. Data yang akan ditampilkan dalam tabel

diletakkan dalam sel tersebut. Untuk memulai membuat tabel dalam halamn 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 tr dan diakhiri dengan tr. Sedangkan sel ditandai dengan td

dan diakhiri dengan td. Tag sel harus diletakkan dalam tag baris. Sedangkan untuk

nama kolom pada tabel gunakan tag th dan diakhiti 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>

Hasilnya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *