HTML Dasar PemrogramanWeb Pertemuan 5 Rudini
Latihan Peng. Komp & TI 2C
TAG TABLE – LAYOUT (cont.)
Table Summary
Link Kelebihan dari HTML adalah kemampuannya untuk link (menyambungkan) daerah teks ataupun gambar ke dokumen yang lain. Browser memberi tanda daerah ini biasanya dengan warna yang berbeda dan garis bawah, untuk menunjukkan kalau daerah tersebut merupakan hypertext link. Hypertext tag pada HTML menggunakan anchor yaitu tag <A>. Dalam pembuatan dokumen HTML diperlukan keterhubungan antar dokumen. Keterhubungan ini dibagi dalam 2 (dua) kategori : Keterhubungan antara satu dokumen dengan dokumen yang lain Keterhubungan kepada suatu bagian pada dokumen itu sendiri
url_tujuan bernilai lokasi atau nama file yang akan dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam tag <BODY>.
Dikenal 3 (tiga) istilah dalam pengalamatan link :
Atribut dalam Tag <A>
Membuat Link antar Dokumen HTML
Relative Links versus Absolute Pathnames Contoh penggunaan script anchor dengan Absolute pathname adalah sebagai berikut <A HREF=http://www.mtv.com/jadwal.html>Jadwal acara</A> Untuk membuat link yang ditujukan untuk mengirimkan email, bisa dilakukan dengan format <A HREF=”mailto:alamat email”>nama link</A>
Membuat Link ke Bagian Tertentu dalam Dokumen Untuk membuat link ke bagian tertentu dalam dokumen yang sama, harus diberikan nama anchor. Untuk memberi nama anchor, atribut yang dipakai adalah NAME pada tag anchor <A> dan untuk membuat link cukup memberikan tanda # setelah nama file dalam URL. Misal:
Gambar
LatIHAN
Gambar sebagai Hyperlink <HTML> <HEAD> <TITLE>Halaman Awal</TITLE> </HEAD> <BODY> <H4>Selamat Datang di Situs Pribadi Saya</H4> untuk bisa menjelajahi situs ini, silahkan klik pada gambar berikut <A HREF="contoh_4.2.htm"> <IMG SRC=“kaligrafi.gif" ALT="Link Menggunakan Image"></A> <BR><BR> Selamat menikmati penjelajahan di situs ini. </BODY> </HTML>
Membuat Garis Horizontal Sebagai pembatas suatu informasi dalam homepage biasanya digunakan suatu garis horizontal dan untuk membuat garis ini digunakan tag:
Menambahkan Suara
Anchor Tag Dipergunakan untuk menghubungkan (linking) text dan image ke halaman lain atau bagian tertentu dari halaman yang sama dalam satu website atau website yang lain, cth : Link ke halaman website lain <a href=“http://itb.ac.id”>www.itb.ac.id</a> Link ke file lain dalam satu website <a href=“halaman1.html”>Halaman 1</a
Rangkuman Kelebihan dari HTML adalah kemampuannya untuk link (menyambungkan) daerah teks ataupun gambar ke dokumen yang lain. Link dibagi dalam dua kategori, yaitu link antara satu dokumen dengan dokumen yang lain dan link kepada suatu bagian pada dokumen itu sendiri. Ada tiga istilah dalam pengalamatan link, yaitu link relatif, link absolut dan link dalam dokumen yang sama. Penggunaan relative link penulisannya lebih pendek, selain itu akan memudahkan jika diharuskan memindahkan grup dokumen ke lokasi yang lain karena relative path tersebut akan tetap bisa digunakan. Absolute Pathname digunakan ketika kita diharuskan membuat link ke lokasi yang tidak secara langsung terkait. Untuk penggunaan Absolute Pathname ini diharuskan mencantumkan URL yang menspesifikasikan lokasi suatu file dalam server yang lain. Untuk menampilkan gambar dalam dokumen HTML menggunakan tag <IMG>. Sebuah gambar dapat dijadikan link ke dokumen tertentu.