Page 44 - Modul web baru
P. 44
www.flipbuilder.com www.flipbuilder.com 39 www.flipbuilder.com
MODUL IV
HYPERLINK HALAMAN WEB
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Tujuan :
1. Menjelaskan Anatomi link
2. Menjelaskan Format link antar isi pada satu halaman web
3. Menjelaskan Format link antar halaman web untuk membentuk sitemap
4. Menjelaskan Format target link, email dan telepon
5. Menyajikan Anatomi link
6. Menyajikan Format link antar isi pada satu halaman web
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
7. Menyajikan Format link antar halaman web untuk membentuk sitemap
8. Menyajikan Format target link, email dan telepon
4.1. Menggunakan Link
Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu.
Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
dengan Anchor, yaitu tag <a>.
Tag <a> mempunyai dua atribut, yaitu href dan name. Atribut href digunakan jika
sebuah anchor akan digunakan sebagai link, sedangkan atribut name digunakan
jika anchor akan digunakan sebagai tujuan.
1. Link ke dokumen lain
Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda,
anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
tertentu, baik pada direktori yang sama atau berbeda dengan dokumen yang aktif
sekarang. Untuk mencoba kita akan membuat 3 file yang saling berhubungan.
Sebelumnya supaya file-file yang dibuat terlihat rapi kita buat folder “tabel” terlebih
dahulu jadi nanti file link yang kita buat tersimpan di dalam folder “tabel”.
1. link-utama.html
<html>
<head>
<title> Halaman Utama </title>
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
</head>
<body>
<h2> Ini adalah halaman utama.</h2>
<ul>
Modul Pemrograman Web SMKN 2 Mojokerto
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
