Notes For My Knowledge

Private Trainer, Web , Mobile & Desktop Programmer


Fahmi Basya Kartapura On January - 13 - 2010

Anchor HTML

Adalah tag HTML yang digunakan untuk membuat link dari satu kata ke halaman lain sebuah dokumen.

Anchor ini adalah tag <a>.

Syntax:

<a href=“url”>Tulisan yang akan diklik</a>

Keterangan:

  • <a>, adalah anchor
  • href=”url”, href digunakan untuk menentukan link tujuan, dimana url yang menjadi link tujuannya. 

Contoh:

Buatlah satu file HTML bernama anchor.html dengan isi seperti berikut ini:

<a href=“http://www.a2fahmi.com”>Fahmi Basya Kartapura</a>

Hasil:

Bukalah file anchor.html dengan browsermu maka akan tampil seperti gambar dibawah ini:

Keterangan:

Pada contoh di atas ketika user mengklik tulisan Fahmi Basya Kartapura maka dia akan menuju ke website http://www.a2fahmi.com

Fungsi Anchor() pada CodeIgniter

Digunakan untuk membuat link anchor HTML berdasarkan URL site lokalmu. Site lokal ini adalah paduan dari nilai $config['base_url'] ditambah dengan nilai $config['index_page'].

Contoh:

$config['base_url']=’http://www.a2fahmi.com’;

$config['index_pages']=’index.php’;

Maka site lokalmu adalah http://www.a2fahmi.com/index.php

Membuat Anchor dalam CodeIgniter

Syntax:

anchor(segment_uri, teks, attribut)

Terlihat pada syntax diatas bahwa fungs anchor() mempunya tiga parameter, yaitu:

  1. segment_uri adalah parameter yang ditambahkan pada URL
  2. teks adalah teks link yang ditampilkan pada browser (yang nantinya akan dklik oleh user)
  3. attribut adalah attribut yang bisa kamu masukkan berbentuk string atau array

Contoh:

echo anchor(‘tutorial/codeigniter’, ‘Tutorial CodeIgniter’);

ini sama dengan kode HTML dibawah ini:

<a href=”http://www.a2fahmi.com/index.php/tutorial/codeigniter”>Tutorial CodeIgniter</a>

Keterangan:

  • anchor(‘tutorial/codeigniter’, ‘Tutorial CodeIgniter’), kode ini berarti saya membuat link ke http://www.a2fahmi.com/index.php/tutorial/codeigniter, jadi ‘tutorial/codeigniter’ otomatis ditambahkan ke site URL lokalmu, dimana site URL lokalmu adalah http://a2fahmi.com/index.php

Anchor dengan Parameter Attribut

echo anchor(‘tutorial/codeigniter’, ‘Tutorial CodeIgniter’, ‘title=”Latihan awal”‘);

atau

echo anchor(“tutorial/codeigniter’, ‘Tutorial CodeIgniter’, array( ‘title‘=>’Latihan awal’));

Keterangan:

  • Terlihat pada kedua kode anchor CodeIgniter diatas bahwa saya menambahkan attribut ‘title‘.

Kedua kode anchor CodeIgniter diatas sama dengan kode HTML dibawah ini:

<a href=”http://www.a2fahmi.com/index.php/tutorial/codeigniter” title=”Latihan awal”>Tutorial CodeIgniter</a>

Muncul Pertanyaan:

Bagaimana caranya untuk membuat link ke website lain menggunakan anchor() CodeIgniter … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

anchor(“http://detik.com”, “Menuju ke Website Detik.Com”);

Keterangan:

Jadi untuk membuat link ke website lain maka kamu harus menyebutkan protokol http dan nama websitenya.

 

Jika Tutorial ini bermanfaat silahkan katakan “Terima Kasih Fahmi Basya Kartapura”





Categories: CodeIgniter

2 Responses

  1. otakiri says:

    Terima kasih atas infoNya mas Fahmi..
    baru tau nih kalo itu a nya anchor..
    hhehehee…

  2. yusray says:

    terimakasih fahmi Basya Kartapura

Copy Protected by Chetans WP-Copyprotect.