KURSUS WEB JAKARTA

HTML Links

Link yang ditemukan di halaman web hampir semua. Link memungkinkan pengguna untuk mengklik jalan mereka dari halaman ke halaman.

Try it Yourself - Examples!

 Contoh:

link

 <!DOCTYPE html>
<html>
<body>

<p>
<a href="default.asp">HTML Tutorial</a> Ini adalah link ke halaman di website ini.
</p>

<p>
<a href="http://www.itkomputer.com/">ITKomp</a> Ini adalah link ke sebuah situs web di World Wide Web.
</p>

</body>
</html>

 Cara membuat link dalam sebuah dokumen HTML.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)

HTML Hyperlinks (Links)

Tag <a> HTML mendefinisikan hyperlink.

Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen lain.

Bila Anda memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi tangan kecil.

Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.

Secara default, link akan muncul sebagai berikut di semua browser:

  • Link belum dikunjungi di garisbawahi dan biru 
  • Sebuah link dikunjungi di garisbawahi dan ungu
  • Link aktif di garisbawahi dan merah

 

 

HTML Link Syntax

Kode HTML untuk link sederhana. Terlihat seperti ini:

 <a href="url">Link text</a>

Atribut href menentukan tujuan link.

Contoh :

 <a href="http://www.kursuswebdesign.co.id/">Visit kursuswebdesign</a>

yang akan menampilkan seperti ini: Visit kursuswebdesign

Mengklik hyperlink ini akan mengirim pengguna ke situs 'kursuswebdesign'.

Tip:"Link teks" tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.

 

HTML Links - The target Attribute

Atribut target menentukan di mana untuk membuka dokumen terkait.

Contoh di bawah akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

tab baru

<!DOCTYPE html>
<html>
<body>

<a href="http://www.kursuswebdesign.co.id" target="_blank">Visit kursuswebdesign.co.id!</a>

<p>Jika Anda mengatur atribut target untuk "_blank", link akan terbuka di jendela browser baru / tab.</p>

</body>
</html>

 

 

HTML Links - The id Attribute

Atribut id dapat digunakan untuk membuat bookmark dalam dokumen HTML.

Tip: Bookmark tidak ditampilkan dalam cara yang khusus. Mereka terlihat bagi pembaca.

contoh:

membuat id dalam sebuah dokumen HTML:

<a id="tips">Berbagi Tips Berguna</a> 

 Membuat link ke "Berbagi Tips Berguna" di dalam dokumen yang sama:

<a href="#tips">Kunjungi Berbagi Tips Berguna</a> 

 Atau, membuat link ke "Berbagi Tips Berguna" dari halaman lain:

<a href="http://www.kursuswebdesign.co.id/html_links.htm#tips">
Kunjungi Berbagi Tips Berguna</a>

 Catatan Dasar - Tips Berguna

Catatan: Selalu menambahkan Tulisan Miring untuk referensi subfolder. Jika Anda menghubungkan seperti ini: href = "http://www.kursuswebdesign.co.id/html", Anda akan menghasilkan dua permintaan ke server, server pertama akan menambahkan garis miring ke alamat tersebut, dan kemudian membuat permintaan baru seperti ini : href = "http://www.kursuswebdesign.co.id/html/".

 

HTML Link Tags

 Tag  Description
 <a>  Mendefinisikan hyperlink

 

BELAJAR WEB DI ITKOMPUTER

Durasi 8 kali pertemuan untuk satu kali pertemuan 2 jam.
Pengenalan Photoshop untuk design web, design web dengan Photoshop, Integrasi Photoshop dengan DreamWeaver, Pengenalan DreamWeaver, perintah-perintah HTML, CSS, JQuery, Membuat animasi banner, Upload website dengan FTP dan cpanel, trik bagai mana mempromosikan website anda di internet, memilih web Hosting. Berbagai Tips dan Trik menarik tentang Web Design. Tujuan akhir setelah mengikuti kursus ini: Anda dapat membuat web yang menarik seperti company profile, web gallery photo, banner animasi, mempromosikan web di internet dan dapat melakukan upload ke server hosting.

Klik disini untuk mendaftar