Page 42 - Modu Web Kelas XI
P. 42
37
MODUL IV
HYPERLINK HALAMAN WEB
Kompetensi Dasar
3.4 Menerapkan tampilan format multimedia pada halaman web
4.4. Membuat kode html untuk tampilan format multimedia pada halaman web
Tujuan Pembelajaran
4.2. Membuat kode html teks untuk menampilkan teks dalam format tertentu pada halaman web
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
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
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
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>
</head>
<body>
<h2> Ini adalah halaman utama.</h2>
Modul Pemrograman Web SMKN 2 Mojokerto