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
   37   38   39   40   41   42   43   44   45   46   47