Link Internal Link Email Link Gambar

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