Menyajikan Hyperlink

1)    Anatomi hyperlink
Salah satu kelebihan dokumen HTML adalah memiliki kemampuan untuk saling terkait dengan dokumen lain. Link (sebutan singkat dari hyperlink text) adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web. Semua halaman web yang ada di internet hampir bisa dipastikan memiliki link. Secara umum, fungsi link adalah untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.
 Dalam keadaan default (normal), suatu link akan ditandari dengan teks berwarna biru yang memiliki garis bawah. Meskipun demikian, kita dapat mengubah warna dan gaya link sesuai dengan kebutuhan dan keinginan kita melalui pembuatan kode CSS.jika kita mengarahkan kursor ke suatu link tertentu, maka penunjuk mouse akan berubah menjadi gambar tangan dengan satu jari yang sedang menunjuk
Mengenal Tag <a> (anchor)
Untuk membuat suatu link, HTML menyediakan satu tag khusus, yaitu tag <a>, yang berpasangan dengan </a>. Setiap teks yang diapit oleh tag ini akan ditampilkan sebagai link. Bentuk umum pembuat link dalam dokumen HTML adalah sebagai berikut :
<a href="DokumenLain">Teks Link</a>
                                                        
Atribut HREF dalam tag <a> berfungsi untuk menentukan dokumen atau halaman mana yang akan dipanggil saat link tersebut di klik atau dipilih oleh pengunjung web.
Contoh :
<a href=”index.html”>Home</a><br />
<a href=”about.html”>Tentang Kami</a><br />
<a href=”contact.html”>Kontak</a>
Pada contoh diatas kita membuat tiga buah link dengan teks : Home, Tentang kami, dan kontak. Ketika pengunjung melakukan klik terhadap link pertama (home), web browser akan menampilkan dokumen yang disimpan dalam file index.html. Begitu juga dengan link kedua (Tentang Kami) dan ketiga (Kontak), setiap di klik akan menjadikan web browser menampilkan dokumen yang terdapat pada file about.html dan contact.html.
Berikut ini ada beberapa hal yang perlu diperhatikan dalam pemberian nama dokumen web, agar link dapat berfungsi dengan baik :
·         Penamaan file dengan huruf kecil semua
·         Jangan ada spasi serta hindari non-karakter alphabet

Rangkuman

Dari kegiatan belajar diatas dapat dibuat rangkuman materi seperti berikut
§  Link (sebutan singkat dari hyperlink text) adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web.

§  Tag untuk membuat link adalah <a href=””>, dimana atribut href=”” berisi URL atau alamat dari halaman yang akan dituju.

Komentar

Posting Komentar

Postingan populer dari blog ini

: Jenis – Jenis Link dalam HTML

1)  Jenis-jenis Link dalam HTML Dalam HTML, link dibedakan menjadi 3 jenis, yaitu : ·       Link absolut ·       Link relatif ·       Link ke bagian dokumen tertentu HTML membedakan ketiga jenis link diatas berdasarkan lokasi atau alamat dokumen yang akan diakses. Dengan demikian, perbedaannya hanya terletak pada nilai atribut HREF-nya saja. Link Absolut Link Absolut adalah link yang akan menunjuk ke halaman dari situs web lain. Penulisan alamatnya pun harus ditulis secara lengkap. Sebagai contoh, jika tema atau isi dari situs web yang kita buat adalah pemrograman HTML, maka kita dapat membuat link ke situs web lain yang memiliki tema yang sama atau relevan. Tujuannya adalah agar pengunjung bisa memperoleh informasi lebih tentang tema tersebut yang ‘mungkin’ tidak/belum kita bahas pada situs web kita. Contoh : <a href= http://www.w3.org/ >W3</a> Pada contoh diatas, tujuan link yang dibuat akan mengarah ke situs web http://www.w3.org/
Baca selengkapnya

Biodata Atau Profil Cristiano Ronaldo CR7

Gambar
Profil Cristiano Ronaldo. Kali ini saya akan mengulas secara lengkap profil / biodata Cristiano Ronaldo , sang bintang Real madrid yang sudah mengoleksi puluhan trophy di sepanjang karirnya. Berikut ini Profil Cristiano Ronaldo: Nama Lengkap : Cristiano Ronaldo Dos Santos Aveiro Nama Beken : Cristiano Ronaldo, CR7 Tempat Lahir : Funchal, Madeira - Portugal Tanggal Lahir : 05 Februari 1985 Profesi : Selebritis, Sepak bola (atlet) Tinggi Badan : 185,5 cm Berat Badan : 69 kg Agama : Kristen Zodiak : Aquarius Kebangsaan : Portugal Hobi : Travelling, Olahraga Nama Ayah : Jose Dinis Aveiro (Pengurus kebun, Pegawai pemerintah) Nama Ibu : Maria Dolores Dos Santos Aveiro (Koki) Saudara : Hugo (kakak), Elma (kakak), Liliana Catia (kakak) Kekasih / Mantan : Daniela Martins (mantan), Merche Romero (mantan), Gemma Atkinson (mantan), Alice Goodwin (mantan), Raffaella Fico (mantan), Nereida Gallardo (mantan), Irina Shayk (mantan) Ana
Baca selengkapnya

Fungsi tata letak pada typografi

Fungsi tata letak pada typografi Fungsi tata letak menurut Freddy Adiono Basuki (2000) adalah untuk mencapai keharmonisan, nilai estetis, ekonomis, dan komunikatif. Freddy Adiono Basuki juga membagi tahapan tata letak menjadi tiga, yaitu : 1. Membuat tata letak miniature atau sketsa kecil (thumbnail), merupakan tahap perancangan dalam menentukan komposisi unsur-unsur yang akan ditempatkan. Visualisasinya masih berupa sket kolom teks dan kolom gambar. 2. Membuat tata letak kasar (abrupt lay out), merupakan tahapan rancangan yang sudah berwujud gambar dan teks. 3. Membuat tata letak komprehensif, merupakan tahapan rancangan dimana keseluruhan unsur sudah disusun dengan baik dan benar yang sudah siap cetak.
Baca selengkapnya