Facebook

header ads

Dasar-Dasar HTML - Bagian 4




Ini adalah bagian terakhir dari seri Dasar-Dasar HTML. Selanjutnya saya akan mencoba nantinya untuk menulis HTML untuk tingkat lanjut.

9. Link


Perintah anchor <A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = “nama_dokumen”>Teks pada browser</A>.
Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>. Misalnya <A NAME = “Bugs”</A>. Cara melakukan link ke bagian tersebut adalah <A HREF = “#nama_anchor”>teks pada browser</A>.


Contoh:


<HTML>
<HEAD>
<TITLE>Link</TITLE>
</HEAD>
<BODY>
<A NAME="lengkap">Pemain-pemain AC Milan menurut abjad</A>
<BLOCKQUOTE>
<P>Abbiati ,<A HREF="#abbiati">info lengkap</A>
<P>Ayala
<P>Ambrosini
<P>Albertini
<P>Boban
<P>
<A HREF="linktujuan.html">kalo mau tahu lagi klik disini</A>
</BLOCKQUOTE>
<P><A NAME="abbiati">Abbiati</A>
<BLOCKQUOTE>
<P>Kiper ketiga timnas Italia runner up Euro 2000
<BR>Kiper utama U-21 juara Piala Eropa U-21
<BR>Kiper utama AC Milan juara Seri-A 1998-1999
</BLOCKQUOTE>
<P><A HREF="#lengkap">kembali ke atas</A>
</BODY>
</HTML>






<HTML>
<HEAD>
<TITLE>Link tujuan</TITLE>
</HEAD>
<BODY>
<P ALIGN="center"> Maaf, hanya sedikit
<BR>Chamot
<BR>Dida
<BR>Shevchenko
<BR><A HREF="contohlink.html">kembali</A>
</BODY>
</HTML>





Author : Yudhi

Posting Komentar

9 Komentar

  1. sangat menarik rubrik yang ada sajikan dan saya sangat tertarik sebagai pemula untuk membuat blog dalam internet

    BalasHapus
  2. kalau link gambar giman boss,..ukuranya?,..

    BalasHapus
  3. @bloggertoblog
    Link pada gambar sangat gampang, adapun perintah gambar adalah spt ini dan perintah link spt ini .... Maka posisinya harus spt ini . Smoga membantu

    BalasHapus
  4. Om, mohon izin di copy semuanya.

    BalasHapus
  5. @tarmizi

    Silakan tp jangan lupa cantumkan URL halaman ini sebagai sumbernya, thx

    BalasHapus
  6. mas yudhi, maaf nich...numpang bbelajar ya...thanks

    BalasHapus
  7. mksi byk ilmunya... n_n klo bsa krmi e-mail saya info bgmna mmpeljari blog lbih jauh krna sya bru bljar thanks ^_^

    BalasHapus
  8. Menarik sekali, Panduan HTML Lesson yang di posting disini, smuanya dah saya baca dan coba..... belum ada problem, setelah tingkat lanjut... apa masih yang lainnya... Ditunggu ya. Sukses selalu buat Bung Yudhi.

    BalasHapus