Silahkan Klik...!!!

Kamis, 24 Maret 2011

Tag Anchor dan Atributnya

Tag ini merupakan tag yang paling umum digunakan pada dokumen HTML. A adalah Singkatan dari Anchor yang dalam bahasa Indonesia berarti jangkar, tetapi akan lebih tepat jika diartikan sebagai tautan dikarenakan tag ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain.
contoh:

<A HREF="http://semogaberkah.blogspot.com">Tautan ini menuju halaman awal</A>

semogaberkah.blogspot.com
Jika tulisan tersebut di-klik maka akan mengarah ke halaman awal, http://semogaberkah.blogspot.com.

Contoh lain dari penggunaan tag Anchor dapat digunakan untuk menautkan dua dokumen HTML yang telah kamu buat. Jika kamu membuat dua dokumen HTML yang masing-masing bernama : semoga.html dan berkah.html

Maka bila kamu ingin memberikan tautan dari semoga.html ke berkah.html kamu dapat menuliskan tag sebagai berikut pada dokumen semoga.html.

<A HREF="semoga.html">Tautan ini menuju halaman semoga</A>

HREF
Atribut ini merupakan atribut yang wajib digunakan pada tag Anchor karena atribut ini digunakan untuk menentukan arah tautan yang dimaksud. Jika kita ingin menautkan ke halaman tujuan.html maka kita tinggal tulis HREF="tujuan.html". Begitu juga bila kita ingin menautkan ke halaman http://google.com maka kita tinggal menuliskan HREF="http://google.com".
Dalam membuat suatu list maka sebaiknya kalian bertanya dulu ke diri kalian, apakah list yang akan kalian buat itu harus berurutan atau tidak. Jika jawabannya adalah berurutan maka kalian sebaiknya memakai tag <ol>, namun apabila list yang akan dibuat tidak harus berurutan seperti contoh diatas maka kalian sebaiknya memakai tag <ul>. Tag <li> digunakan untuk membuat detail dari list tersebut.


NAME
Atribut ini digunakan untuk memberikan nama dari suatu tautan. Atribut ini berbeda dengan atribut HREF yang akan mengubah warna teks menjadi biru dan teks tersebut akan memiliki garis bawah, atribut NAME tidak akan mengubah tampilan teks sama sekali dengan teks yang lain. Penggunaannya pun berbeda dengan atribut HREF yang digunakan untuk mengarahkan ke halaman lainnya, atribut NAME hanya berguna untuk memberikan nama dari suatu tautan. Penggunaannya adalah

Contoh penggunaanya sebagai berikut : 

<A href="#MATEMATIKA">MATEMATIKA</A> 

akan menuju ke

<A name="MATEMATIKA">MATEMATIKA</A> 

Lihat link di bawah ini, link ini apabila di klik akan menuju ke paragraf matematika di bawah ini :

MATEMATIKA
Pelajaran matematika adalah pelajaran yang berhubungan dengan banyak perhitungan dan rumus-rumus yang digunakan untuk menyelesaikan suatu permasalahan matematis yang acap kali kita temui dalam kehidupan sehari-hari. Banyak orang yang mengalami kesusahan dalam mempelajari bidang studi ini walaupun pada dasarnya pelajaran ini amatlah menyenangkan.

Sesorang yang mengalami kesulitan dalam mempelajari matematika adalah orang yang belum mengerti hakikat dari pelajaran matematika itu sendiri, maka dari itu semogaberkah.blogspot.com menyajikan tulisan yang membahas tentang matematika secara mendalam sehingga setiap orang yang belajar melalui semogaberkah.blogspot.com akan mendapatkan pengertian baru tentang pelajaran ini yang membuat mereka dapat memahami matematika secara lebih mendalam dan menyenangkan.


TARGET
TARGET adalah pilihan cara pembukaan suatu link dalam browser. Link tersebut akan dibuka di jendela baru atau di halaman yang sedang dibuka saat itu dapat di setting melalui atribut TARGET.

Untuk membuat suatu link di buka di jendela baru kalian dapat memasukkan "_blank" dalam atribut target. 

Contoh :

  1. <a href="http://semogaberkah.blogspot.com" target="_blank">  
  2. Klik disini untuk membuka semogaberkah.blogspot.com  
  3. </a> 
 
Sedangkan untuk membuat suatu link dibuka di halaman yang sedang dilihat saat itu juga gunakan "_self". 

Contoh:

  1. <a href="http://semogaberkah.blogspot.com" target="_self">  
  2. Klik disini untuk membuka semogaberkah.blogspot.com  
  3. </a>

TITLE
Atribut ini digunakan untuk memberikan keterangan tambahan dari sebuah tautan. Atribut ini akan menampilkan keterangan apabila mouse berada diatas tautan yang akan di-klik.
Contoh :

<a href="http://semogaberkah.blogspot.com">Tautan ini tanpa menggunakan title</a>

Bandingkan dengan,

  1. <a href="http://semogaberkah.blogspot<A HREF="http://semogaberkah.blogspot.com" ACCESSKEY="H">Halaman awal</A>.com" title="kembali ke halaman awal">  
  2. Tautan ini menggunakan title  
  3. </a>
 
 
ACCESSKEY
Atribut ini digunakan untuk memberikan tombol shortcut dari sebuah tautan, jadi tautan yang menggunakan atribut ACCESSKEY ini dapat diakses dengan tombol shortcut ALT +[ yang diinginkan].
Contoh :

 <A HREF="http://semogaberkah.blogspot.com" ACCESSKEY="H">Halaman awal</A>

 <A HREF="http://semogaberkah.blogspot.com/ujian-online" ACCESSKEY="U">Ujian Online</A>

Untuk mengaksesnya kamu bisa menekan tombol :

ALT + H untuk mengakses halaman awal
ALT + U untuk mengakses ujian online

0 komentar:

Posting Komentar