Rabu, 25 Februari 2009

Cara Membuat Link

Membiasakan diri memposting dalam mode HTML, menambahkan tag-tag untuk mengatur huruf dan membuat link akan sangat membantu mempercepat Anda mahir. Untuk itu saya senantiasa menyingkirkan mode compose pada blog agar semakin terbiasa dengan tags.

URL atau link, yaitu tautan berupa text atau gambar yang menghubungkan sebuah halaman web ke halaman web lain. Atau boleh juga disebut navigasi. Berikut contoh menuliskan kode HTML untuk membuat link:

<a href="http://google.com">Google.com</a>

a adalah tag untuk link/URL, href menunjukan lokasi tujuan link, sedangkan text Google.com merupakan text yang mewakili link atau navigasi atau disebut juga anchor text.

Jika Anda ingin menjadikan sebuah gambar menjadi perwakilan dari link, maka ganti anchor text dengan tag gambar. Contohnya:

<a href="http://url-tujuan-link.com/" target="_blank" ><img src="http://url-lokasi-gambar.com/fotoku.jpg"></a>

URL lokasi gambar adalah tempat di mana gambar yang akan digunakan sebagai diletakkan dalam suatu web host. Sedang perintah target="_blank" adalah untuk membuat halaman dibuka dijendela baru. Contohnya seperti di bawah ini. Anda boleh meng-kliknya, maka halaman web akan dibuka di jendela baru.

foto selebriti internet

Membuat atribut pada tag link dan gambar

Tag link dan tag gambar sebaiknya diberi atribut, atau keterngan tambahan agar lebih bisa menjelaskan tentang gambar tersebut. Berikut ini atribut-atribut untuk tag link dan gambar;
  • alt = alternate text, yaitu digunakan untuk memberikan text alternatif untuk tag gambar. Jika gambar pada lokasi penyimpanan terhapus atau hilang, maka yang ditampilkan adalah text alternatif tersebut.

  • title = Memberi judul atau keterangan tambahan pada link atau tag gambar. Text title akan ditampilkan ketika cursor mouse melintas di atasnya.

  • rel="nofollow", ini adalah perintah untuk spider bot search engine agar tidak turut mengindexnya saat meng-crawl sebuah halaman web.

  • width="value", hight="value". Mengatur lebar dan tinggi gambar. Value diisi dengan nilai misal 100px

  • border="0", garis tepi untuk gambar. Nol berarti garis tidak ditampilkan.

  • align="left". Mengatur posisi gambar. Left berarti kiri. Untuk mejadikannya tampil di tengah atau kanan, ubah value menjadi center dan atau right
  • .

Sebagai contoh, perhatikan tag-tag di bawah ini dan silahkan klik untuk menguji hasilnya:
Tags:
<a href="http://url-tujuan-link.com/" target="_blank" title="Selebriti Internet"><img src="http://url-lokasi-gambar.com/fotoku.jpg" alt="foto selebriti internet" align="center"border="0"></a>
Hasilnya:
foto selebriti internet

Begitulah cara membuat link. Jangan pernah bosan belajar, dan Enjoy it!







6 komentar:

  1. Mas sy lg kebingungan nieh gimana carang membuat link dengan isi foto tapi masih dalam satu halaman...terus fotonya bila dibuka ada tulisan close. gmna ya caranya.....maklum nweibe

    BalasHapus
  2. pagi gan.
    Numpang Promosi
    Klo ada Rekan butuh souvenir.
    silahkan klik www.omahsouvenir.com

    BalasHapus