Thursday, November 15, 2012

Cara Membuat Link Pada Dokumen HTML

Cara Membuat Link Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Heading Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Link Pada Dokumen HTML'.

Link (hyperlink) adalah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan. Hyperlink dalam bahasa Indonesia adalah 'hipertaut', sedangkan link adalah 'taut'.

Baiklah berikut ini contoh penulisan sebuah link pada dokumen HTML.


Contoh Link HTML:

Cara Membuat Link Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah link pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Link Pada Dokumen HTML </title>
    </head>

    <body>

    Ini adalah link tanpa property target:
    <a href="alamat url">Klik di sini</a>

    Ini adalah link dengan target "_blank" (open in new windows or new tab):
    <a href="alamat url" target="_blank">Klik di sini</a>

    Ini adalah link untuk alamat email:
    <a href="mailto:alamat_email@example.com">Mail to</a>

    </body>
    </html>

    Ganti alamat url dan alamat email di atas sesuai dengan yang Anda inginkan!


    Ini adalah link tanpa property 'target': Klik di sini

    Ini adalah link dengan target '_blank': Klik di sini

    Ini adalah link untuk alamat email: Mail to


Nb. Silahkan beri feed back pada kotak komentar di bawah!


Bagikan posting ini di:
Comments
0 Comments

0 comments:

Post a Comment

 
Related Posts Amirabella-Zone