Penerapan HTML (Part 5)
I.Latar Belakang.
Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar
II.Alat dan Bahan.
- Laptop / PC
- W3SCHOOLS
- Sublime text
III.Tujuan.
untuk mengetahui langkah dasar untuk membuat web yang sederhana.
IV.Penjelasan.
Link HTML
Link yang ditemukan di hampir semua halaman web. Link memungkinkan pengguna untuk mengklik jalan mereka dari halaman ke halaman.Link HTML - Hyperlink
Link HTML adalah hyperlink.
Sebuah hyperlink adalah teks atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain.
Link HTML - Sintaks
Dalam HTML, link yang didefinisikan dengan tag <a>
<a href="alamatlinknya">teks link nya</a>
Atribut href menentukan alamat tujuan (alyalutfikamilia.blogspot.co.id)
Teks link adalah bagian yang terlihat (Kunjungi tutorial HTML saya).
Mengklik pada link teks, akan mengirimkan ke alamat yang ditentukan.
Teks link tidak harus berupa teks. Hal ini dapat gambar HTML atau elemen lain HTML.
Catatan Tanpa slash tertinggal pada alamat subfolder, kamu mungkin akan menghasilkan dua permintaan ke server. Banyak server secara otomatis akan menambahkan slash trailing untuk alamat, dan kemudian membuat permintaan baru.
Link lokal
Contoh di atas digunakan URL absolut ( alamat web penuh).
Sebuah link lokal (link ke situs web yang sama) ditentukan dengan URL relatif (tanpa http: // www ....).
Contoh :
HTML kedua untuk arah link yang akan di tuju :
Maka outputnya HTML 1 :
Maka outputnya HTML 2 :
Link HTML - Warna
Bila Anda memindahkan mouse di atas link, dua hal yang biasanya akan terjadi.
- Panah mouse akan berubah menjadi tangan kecil
- Warna elemen link akan berubah
Secara default, link akan muncul seperti ini (di semua browser):
- Link yang belum dikunjungi adalah digarisbawahi dan biru
- Sebuah link dikunjungi adalah digarisbawahi dan ungu
- Link aktif adalah digarisbawahi dan merah
Anda dapat mengubah warna default, dengan menggunakan gaya.
Contoh :
Link HTML - Target Atribut
Atribut target menentukan di mana untuk membuka dokumen terkait.
Contoh ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru.
Contoh :
Maka outputnya :
Output yang suka di klik link nya maka akan membuka ke halaman baru
_blank Membuka dokumen terkait di jendela baru atau tab
_self Membuka dokumen terkait pada frame yang sama seperti yang diklik (ini adalah default)
_parent Membuka dokumen terkait dalam kerangka induk
_top Membuka dokumen terkait dalam tubuh penuh jendela
framename Membuka dokumen terkait dalam bingkai bernama
Jika halaman web Anda terkunci dalam bingkai, Anda dapat menggunakan target = "_ top" untuk keluar dari frame
Contoh :
Maka outputnya :
HTML Link - Gambar sebagai Link
Hal ini umum untuk menggunakan gambar sebagai link
Contoh :
Maka outputnya :
border: 0 ditambahkan untuk mencegah IE9 (dan sebelumnya) dari menampilkan perbatasan di sekitar gambar.
Link HTML - Membuat Bookmark
bookmark HTML digunakan untuk memungkinkan pembaca untuk melompat ke bagian tertentu dari halaman Web.
Bookmark praktis jika website Anda memiliki halaman.
Untuk membuat bookmark, Anda harus terlebih dahulu membuat bookmark, dan kemudian menambahkan link untuk itu.
Ketika link diklik, halaman akan gulir ke lokasi dengan penunjuk tersebut.
Contoh :
Pertama, membuat bookmark dengan atribut id
Contoh :
Maka outputnya :
Rangkuman Bab
Gunakan elemen HTML <a> untuk mendefinisikan link
Gunakan HTML atribut href untuk menentukan alamat link
Gunakan atribut target HTML untuk menentukan di mana untuk membuka dokumen terkait
Gunakan HTML <img> elemen (dalam <a>) untuk menggunakan gambar sebagai link
Menggunakan atribut HTML id (id = "value") untuk menentukan bookmark di halaman
Gunakan HTML href atribut (href = "# value") untuk link ke bookmark
HTML Tautan Tags
tag Deskripsi
<a> Mendefinisikan hyperlink
V.Kesimpulan.
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.
VI.Refrensi.
- http://www.w3schools.com/html
Komentar
Posting Komentar