Cara Membuat Achor Name

Download
Cara Membuat Achor Name

Tutorial HTML Tentang Cara Membuat Achor Name - Pertemuan ke-8 Nanti kita akan mempelajari bagaimana membuat sebuah Link ke File itu sendiri, atau yang sering disebut dengan Achor Name, ada juga yang menyebutnya dengan Anchor Name, wah, kalo logat madura itu artinya ancur ya... :). Untuk sebuah blog sendiri yang kita miliki, template yang kita download jelasnya sudah dilengkapi dengan anchor. Itu untuk trik seo terbaik ya. Namun kita juga bisa membuat manualnya juga koq.

Lanjut aja, seperti yang sudah saya jelaskan di depan bahwa Link itu dibagi menjadi 2 yaitu : 

  1. <a href="file.extensi">text</a> //Link ke File lain
  2. <a name="#achor">text</a> //Link ke File itu sendiri

Misal dalam suatu kasus kita akan membuat hanya satu halaman website yang panjang kebawah, dan ketika kita akan membaca bagian bawah dari halaman tersebut, kita harus menscrollnya secara terus menerus sampai di bawah, dan ketika kita sudah sampai di bawah, kita harus kembali keatas lagi, nah, kembali keatas ini yang bisa kita manfaatkan untuk menggunakan Achor name.

Cobalah buat sebuah Tabel dengan Kerangka sebagai berikut :

Ukuran Tabel 800 x 2.130

Design seperti ini yang saya inginkan, cobalah anda membuat sebuah html sederhana seperti diatas, kemudian untuk membuat sebuah Achor Name, perhatikan keterangan di bawah ini.

Dalam membuat sebuah Achor Name, kita harus membuat sebuah Bookmark terlebih dahulu, dalam hal ini, misal yang kita berikan bookmark adalah tulisan www.pikmicleds.com dengan perintah.

<a name="atas">www.pikmicleds.com</a>

Nah, pada tulisan dipaling bawah yaitu Back To Top, kita cukup memberikan Link seperti biasa dengan perintah.

<a href="#atas">Back To Top</a>

Setelah itu lihatlah perubahannya dan klik Link di bawah tersebut.

Paham? Ada Pertanyaan?
Semoga bermanfaat ya.
Download
Cara Membuat Achor Name

0 Response to "Cara Membuat Achor Name"

Post a Comment

Luangkan sedikit waktu Anda untuk berkomentar. Komentar Anda sangat bermanfaat demi kemajuan PHC http://phc.web.id