2 5
Penjelasan : script diatas menunjukkan cara untuk link antar dokumen. Setiap teks
adalah link, ditunjukkan dengan teks bergaris bawah dan bergambar tangan ketika kursor mouse menunjuk teks tersebut. Menggunakan atribut href yang fungsinya untuk
menunjuk pada dokumen atau bagian dokumen yang dituju oleh LINK tersebut. Sama seperti script sebelumnya, namun pada script ini tidak menggunakan 2 file html,
dijadikan satu dalam 1 file html kemudian nantinya ketika diload tetap menuju file html yang dituju. Perbedaannya pada script html diatas dituliskan target file yang akan dituju.
10. Link Internal
DOCTYPE html html
lang =
en
head title
Demo Link Internal title
head body
Menu
ul lia
href =
pendahuluan Pendahuluan
ali lia
href =
pembahasan Pembahasan
ali lia
href =
Kesimpulan Kesimpulan
ali ul
h3 id
= pendahuluan
Pendahuluan h3
p
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore er dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliiquip ex ea commod consequat.
h3 id
= pembahasan
Pembahasan h3
p
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore er dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliiquip ex ea commod consequat.
body html
Gambar 4.2 Kode HTML
2 5
Gambar 4.3 Tampilan hasil web Penjelasan : script diatas menggunakan atribut id untuk membuat link atau melakukan
navigasi pada satu dokumen. Untuk penggunaan atribut id harus memiliki nilai yang berbeda, tidak boleh sama. Seperti pada script diatas, ada id dengan nilai pendahuluan dan
nilai pembahasan. Pada script diatas juga menggunakan atribut li untuk pembuatan item list dengan tanda bullet. Serta penggunaan ukuran font heading 3.
11. Link Email
DOCTYPE html html
lang =
en
head title
Demo Link Email title
head body
a href
= mailto:didikum.ac.id
didik at um dot ac dot id
a body
html
Gambar 4.4 Kode HTML
Gambar 4.5 Tampilah hasil web
2 5
Penjelasan : script diatas menunjukkan cara untuk link email yaitu melakukan satu pesan
mail. Untuk link email memanfaatkan atribut mailt. Untuk dapat menghubungkan harus dengan catatan bahwa web client harus dalam kondisi terpasang.
12. Link Gambar
DOCTYPE html html
lang =
en
head title
Demo Link Gambar title
head body
a href
= http:google.co.id
title =
Search with Google
img src
= google.jpg
border =
a body
html
Gambar 4.6 Kode HTML
Gambar 4.7 Tampilan hasil web Penjelasan : script diatas menunjukkan cara untuk link gambar. Script diatas
menggunakan gambar google, dengan tittle “search with google”, yang nantinya apabila kursor diarahkan ke gambar maka akan muncul tulisan tittle tersebut. Jika diklik maka
akan diarahkan ke laman google.
13. Tabel