SlideShare a Scribd company logo
1 of 12
AMIROH, S.Kom
SMKN 3 JOMBANG
PENGERTIAN Link / Hyperlink
          (Anchor)
 Hyperlink adalah teks atau gambar untuk
  menuju suatu alamat atau halaman tertentu.
 Teks atau gambar yang dijadikan hyperlink
  mempunyai tampilan yang berbeda dengan teks
  yang lain (misalnya diberi garis bawah dan
  warna lain ).
 Pointer mouse akan berubah menjadi tanda jari
  jika diarahkan pada teks atau gambar yang
  merupakan hyperlink.
Jenis-jenis Link
Berdasarkan lokasi tujuannya, link dapat dibedakan atas:

 Link yang menuju ke homepage (halaman pertama) dari
  sebuah situs.
 Link yang menuju ke halaman yang lain dalam situs yang
  sama.
 Link yang menuju ke halaman yang lain dalam situs yang lain.
 Link yang menuju ke bagian tertentu (bookmark) dalam
  halaman yang sama.
 Link yang menuju ke bagian tertentu (bookmark) dalam
  halaman yang berbeda.
 Link yang mengarah ke sebuah file yang dapat ditampilkan
  dalam browser, misalnya file image (gambar) atau animasi
  seperti GIF, JPG, BMP dan sebagainya.
Jenis-jenis Link
   Link yang mengarah ke sebuah file tertentu yang tidak bisa
    ditampilkan atau dijalankan dalam browser misalnya: file
    program (EXE), file kompresi (ZIP), file audio (seperti
    MP3, RM), file video, dan lain-lain.
   Bila link semacam ini diklik, akan muncul kotak dialog yang
    menanyakan apakah anda akan menyimpan (save) file itu
    dalam hardisk atau menjalankannya dengan program yang
    sesuai. Proses pengambilan dan penyimpanan file
    semacam inilah yang dinamakan download.

   Link yang mengarah ke alamat email. Bila link ini diklik
    akan membuka jendela pengiriman email dari program
    email yang terinstall pada komputer user (misalnya
    Microsoft Outlook). Pada kotak tujuan email (To:) sudah
    tercantum alamat email tujuan.
CARA PENULISAN
• Secara umum penulisan tag hyperlink ditandai dengan tag <A>
  Bentuk penulisannya sangat simpel dan mudah, yaitu :
                  <a href=”url”>Teks Link</a>

  URL ini ditulis diantara tanda kutip sesudah atribut href=
  Ketentuannya sebagai berikut:
 Link yang menuju ke homepage (halaman pertama) dari situs lain,
  cukup dituliskan alamat URL dari website tersebut, misalnya:
  href="http://www.situs.com".
 Link yang menuju ke halaman lain dalam situs lain, maka harus kita
  tuliskan alamat URL dan lokasi filenya.
  Misalnya: href="http://www.situs.com/sini/situ.htm".
 Link yang menuju ke halaman lain dalam situs yang sama, maka
  cukup dituliskan lokasi filenya, tanpa menuliskan alamat URL situs itu.
  Dalam hal ini ada beberapa kemungkinan:
CARA PENULISAN (Lanj.)
a) Bila file tersebut berlokasi pada folder yang
sama dengan file dari link tersebut maka cukup
dituliskan nama filenya, misalnya:
href="freeware1.htm".

b) Bila file yang dituju itu berada dalam folder
yang lain di bawah folder yang ditempati oleh link
tersebut, maka harus dituliskan nama foldernya.
Misalnya: href="javascript/js001.htm".
c) Sedangkan bila file yang dituju itu berada
dalam folder yang lain di atas folder yang
ditempati oleh file dari link tersebut maka
dituliskan seperti berikut: href="/rainbow.gif".
CARA PENULISAN (Lanj.)
• Untuk membuat link yang menuju ke bagian tertentu dari
  sebuah halaman web, sebelumnya kita harus memberi
  nama pada tempat/lokasi yang akan dituju itu dengan
  mencantumkan tag

  a) Bila tempat yang dituju itu terdapat dalam halaman
  yang sama dengan link tersebut maka cukup dituliskan
  nama lokasi yang dituju itu. Misalnya: href=#bagian.

  b) Bila tempat yang dituju itu terletak pada halaman yang
  lain maka harus dituliskan nama file dari halaman itu
  baru nama tempatnya. Misalnya: href="lain.htm#bagian".
CARA PENULISAN (Lanj.)
 Link yang mengarah ke sebuah file yang
  bukan file HTML misalnya file program,
  audio, image, dan lain-lain cara
  penulisannya sama saja caranya dengan file
  HTML seperti pada point 1, 2 dan 3 di atas.
 Link yang berisi alamat email dituliskan
  seperti berikut:
  href="mailto:badsector@yahoo.com".
TARGET LINK
 Telah kita ketahui bahwa bila sebuah link diklik maka
  browser akan menampilkan halaman yang dituju oleh link
  tersebut. Cara browser memunculkan halaman tujuan ini ada
  dua macam.
   – Ditampilkan pada jendela yang sama. Artinya, halaman
      tempat link itu akan digantikan oleh halaman yang dituju
      oleh link tersebut. Ini merupakan cara pemunculan
      default.
   – Ditampilkan pada jendela yang lain. Artinya, akan muncul
      jendela baru yang menampilkan halaman yang dituju.
      Untuk membuat link semacam ini, kita harus
      menambahkan atribut TARGET="_blank" dalam tag .
      Contoh: <a href="webpage.htm" target="_blank">.
CARA MEMBUAT LINK
 Format penulisan :

      <a href="Link">Kata yang di-click</a>
      <a name="#Acuan">Kata yang dituju</a>

  Link = Alamat URL atau nama file dan/atau acuan
  yang dituju
  Acuan = Kata sembarang sebagai penanda
  (bookmark)
Contoh :
Hasilnya:

More Related Content

What's hot

SHARING FILE DENGAN GOOGLE DRIVE
SHARING FILE DENGAN GOOGLE DRIVESHARING FILE DENGAN GOOGLE DRIVE
SHARING FILE DENGAN GOOGLE DRIVEpuriardila
 
Dropbox cara upload download file
Dropbox cara upload download fileDropbox cara upload download file
Dropbox cara upload download fileAi Risa
 
Mencipta link pada google docs new
Mencipta link pada google docs newMencipta link pada google docs new
Mencipta link pada google docs newBerat Pitt
 
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis webRifky Ardian
 
Tab Review dan View pada Microsoft Word
Tab Review dan View pada Microsoft WordTab Review dan View pada Microsoft Word
Tab Review dan View pada Microsoft WordBayu Mario
 
Cara membuat link dengan dua halaman tujuan
Cara membuat link dengan dua halaman tujuanCara membuat link dengan dua halaman tujuan
Cara membuat link dengan dua halaman tujuanAditya Gusti Tammam
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 

What's hot (8)

SHARING FILE DENGAN GOOGLE DRIVE
SHARING FILE DENGAN GOOGLE DRIVESHARING FILE DENGAN GOOGLE DRIVE
SHARING FILE DENGAN GOOGLE DRIVE
 
Dropbox cara upload download file
Dropbox cara upload download fileDropbox cara upload download file
Dropbox cara upload download file
 
Mencipta link pada google docs new
Mencipta link pada google docs newMencipta link pada google docs new
Mencipta link pada google docs new
 
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
 
Dasar html
Dasar htmlDasar html
Dasar html
 
Tab Review dan View pada Microsoft Word
Tab Review dan View pada Microsoft WordTab Review dan View pada Microsoft Word
Tab Review dan View pada Microsoft Word
 
Cara membuat link dengan dua halaman tujuan
Cara membuat link dengan dua halaman tujuanCara membuat link dengan dua halaman tujuan
Cara membuat link dengan dua halaman tujuan
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 

Similar to OPTIMALKAN_SEO_LINK_DAN_HYPERLINK

BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEB
BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEBBAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEB
BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEBTeukuMahawira
 
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTML
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTMLMateri ajar PWPB kelas XI RPL - Hyperlink pada HTML
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTMLHernowo Indra Gunanto
 
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiResa Firmansyah
 
Modul web programing
Modul web programingModul web programing
Modul web programingFitra Sani
 
Pembinaan laman web peringkat permulaan
Pembinaan laman web peringkat permulaanPembinaan laman web peringkat permulaan
Pembinaan laman web peringkat permulaanDr. Vignes Gopal
 
Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Sayugo
 
webdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantikwebdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantikSMK Negeri 6 Malang
 
pengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnyapengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnyaisnaizulziyyah
 
Mengelola isi halaman web1
Mengelola isi halaman web1Mengelola isi halaman web1
Mengelola isi halaman web1Eko Supriyadi
 
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlAldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlaldisella
 
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlAldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlaldisella
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteShofura Kamal
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBTeukuMahawira
 
Dasar html taufan_riyadi
Dasar html taufan_riyadiDasar html taufan_riyadi
Dasar html taufan_riyadidedd_simbolon
 

Similar to OPTIMALKAN_SEO_LINK_DAN_HYPERLINK (20)

BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEB
BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEBBAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEB
BAB V - FORMAT KAITAN DAN FORMULIR PADA HALAMAN WEB
 
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTML
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTMLMateri ajar PWPB kelas XI RPL - Hyperlink pada HTML
Materi ajar PWPB kelas XI RPL - Hyperlink pada HTML
 
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Pembinaan laman web peringkat permulaan
Pembinaan laman web peringkat permulaanPembinaan laman web peringkat permulaan
Pembinaan laman web peringkat permulaan
 
Kk 13 modul
Kk 13 modulKk 13 modul
Kk 13 modul
 
Proyek web
Proyek webProyek web
Proyek web
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)
 
Jamal's dokumen
Jamal's dokumenJamal's dokumen
Jamal's dokumen
 
webdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantikwebdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantik
 
pengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnyapengertian URL,HTML, dan Hyperlink beserta contohnya
pengertian URL,HTML, dan Hyperlink beserta contohnya
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Mengelola isi halaman web1
Mengelola isi halaman web1Mengelola isi halaman web1
Mengelola isi halaman web1
 
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlAldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
 
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan htmlAldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
Aldisella kariya pribady xii busana butik 1 pengertian url, hyperlink, dan html
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
BAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEBBAB III - FORMAT TEXT DAN HALAMAN WEB
BAB III - FORMAT TEXT DAN HALAMAN WEB
 
Dasar html taufan_riyadi
Dasar html taufan_riyadiDasar html taufan_riyadi
Dasar html taufan_riyadi
 

More from Amiroh S.Kom

10 html multimedia
10 html multimedia10 html multimedia
10 html multimediaAmiroh S.Kom
 
03 formatting page and text
03 formatting page and text03 formatting page and text
03 formatting page and textAmiroh S.Kom
 
01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web 01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web Amiroh S.Kom
 
14.tki c2-kikd-x-simulasi digital
14.tki c2-kikd-x-simulasi digital14.tki c2-kikd-x-simulasi digital
14.tki c2-kikd-x-simulasi digitalAmiroh S.Kom
 
Learning of future
Learning of futureLearning of future
Learning of futureAmiroh S.Kom
 
05 teknik pengkabelan
05 teknik pengkabelan05 teknik pengkabelan
05 teknik pengkabelanAmiroh S.Kom
 
Protocol jaringan komputer
Protocol jaringan komputerProtocol jaringan komputer
Protocol jaringan komputerAmiroh S.Kom
 

More from Amiroh S.Kom (20)

16 css menu
16  css menu16  css menu
16 css menu
 
15 membuat list
15  membuat list15  membuat list
15 membuat list
 
14 media query
14  media query14  media query
14 media query
 
13 html5 form
13  html5 form13  html5 form
13 html5 form
 
12 mengenal html5
12 mengenal html512 mengenal html5
12 mengenal html5
 
11 form
11 form11 form
11 form
 
10 html multimedia
10 html multimedia10 html multimedia
10 html multimedia
 
08 insert image
08 insert image08 insert image
08 insert image
 
07 css box model
07 css box model07 css box model
07 css box model
 
06 css background
06 css background06 css background
06 css background
 
05 css
05 css05 css
05 css
 
04 html styling
04 html styling04 html styling
04 html styling
 
03 formatting page and text
03 formatting page and text03 formatting page and text
03 formatting page and text
 
02 mengenal html
02 mengenal html02 mengenal html
02 mengenal html
 
01 how web works
01 how web works01 how web works
01 how web works
 
01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web 01 Pengenalan Web & Jenis Profesi Di bidang Web
01 Pengenalan Web & Jenis Profesi Di bidang Web
 
14.tki c2-kikd-x-simulasi digital
14.tki c2-kikd-x-simulasi digital14.tki c2-kikd-x-simulasi digital
14.tki c2-kikd-x-simulasi digital
 
Learning of future
Learning of futureLearning of future
Learning of future
 
05 teknik pengkabelan
05 teknik pengkabelan05 teknik pengkabelan
05 teknik pengkabelan
 
Protocol jaringan komputer
Protocol jaringan komputerProtocol jaringan komputer
Protocol jaringan komputer
 

OPTIMALKAN_SEO_LINK_DAN_HYPERLINK

  • 2. PENGERTIAN Link / Hyperlink (Anchor)  Hyperlink adalah teks atau gambar untuk menuju suatu alamat atau halaman tertentu.  Teks atau gambar yang dijadikan hyperlink mempunyai tampilan yang berbeda dengan teks yang lain (misalnya diberi garis bawah dan warna lain ).  Pointer mouse akan berubah menjadi tanda jari jika diarahkan pada teks atau gambar yang merupakan hyperlink.
  • 3. Jenis-jenis Link Berdasarkan lokasi tujuannya, link dapat dibedakan atas:  Link yang menuju ke homepage (halaman pertama) dari sebuah situs.  Link yang menuju ke halaman yang lain dalam situs yang sama.  Link yang menuju ke halaman yang lain dalam situs yang lain.  Link yang menuju ke bagian tertentu (bookmark) dalam halaman yang sama.  Link yang menuju ke bagian tertentu (bookmark) dalam halaman yang berbeda.  Link yang mengarah ke sebuah file yang dapat ditampilkan dalam browser, misalnya file image (gambar) atau animasi seperti GIF, JPG, BMP dan sebagainya.
  • 4. Jenis-jenis Link  Link yang mengarah ke sebuah file tertentu yang tidak bisa ditampilkan atau dijalankan dalam browser misalnya: file program (EXE), file kompresi (ZIP), file audio (seperti MP3, RM), file video, dan lain-lain.  Bila link semacam ini diklik, akan muncul kotak dialog yang menanyakan apakah anda akan menyimpan (save) file itu dalam hardisk atau menjalankannya dengan program yang sesuai. Proses pengambilan dan penyimpanan file semacam inilah yang dinamakan download.  Link yang mengarah ke alamat email. Bila link ini diklik akan membuka jendela pengiriman email dari program email yang terinstall pada komputer user (misalnya Microsoft Outlook). Pada kotak tujuan email (To:) sudah tercantum alamat email tujuan.
  • 5. CARA PENULISAN • Secara umum penulisan tag hyperlink ditandai dengan tag <A> Bentuk penulisannya sangat simpel dan mudah, yaitu : <a href=”url”>Teks Link</a> URL ini ditulis diantara tanda kutip sesudah atribut href= Ketentuannya sebagai berikut:  Link yang menuju ke homepage (halaman pertama) dari situs lain, cukup dituliskan alamat URL dari website tersebut, misalnya: href="http://www.situs.com".  Link yang menuju ke halaman lain dalam situs lain, maka harus kita tuliskan alamat URL dan lokasi filenya. Misalnya: href="http://www.situs.com/sini/situ.htm".  Link yang menuju ke halaman lain dalam situs yang sama, maka cukup dituliskan lokasi filenya, tanpa menuliskan alamat URL situs itu. Dalam hal ini ada beberapa kemungkinan:
  • 6. CARA PENULISAN (Lanj.) a) Bila file tersebut berlokasi pada folder yang sama dengan file dari link tersebut maka cukup dituliskan nama filenya, misalnya: href="freeware1.htm". b) Bila file yang dituju itu berada dalam folder yang lain di bawah folder yang ditempati oleh link tersebut, maka harus dituliskan nama foldernya. Misalnya: href="javascript/js001.htm". c) Sedangkan bila file yang dituju itu berada dalam folder yang lain di atas folder yang ditempati oleh file dari link tersebut maka dituliskan seperti berikut: href="/rainbow.gif".
  • 7. CARA PENULISAN (Lanj.) • Untuk membuat link yang menuju ke bagian tertentu dari sebuah halaman web, sebelumnya kita harus memberi nama pada tempat/lokasi yang akan dituju itu dengan mencantumkan tag a) Bila tempat yang dituju itu terdapat dalam halaman yang sama dengan link tersebut maka cukup dituliskan nama lokasi yang dituju itu. Misalnya: href=#bagian. b) Bila tempat yang dituju itu terletak pada halaman yang lain maka harus dituliskan nama file dari halaman itu baru nama tempatnya. Misalnya: href="lain.htm#bagian".
  • 8. CARA PENULISAN (Lanj.)  Link yang mengarah ke sebuah file yang bukan file HTML misalnya file program, audio, image, dan lain-lain cara penulisannya sama saja caranya dengan file HTML seperti pada point 1, 2 dan 3 di atas.  Link yang berisi alamat email dituliskan seperti berikut: href="mailto:badsector@yahoo.com".
  • 9. TARGET LINK  Telah kita ketahui bahwa bila sebuah link diklik maka browser akan menampilkan halaman yang dituju oleh link tersebut. Cara browser memunculkan halaman tujuan ini ada dua macam. – Ditampilkan pada jendela yang sama. Artinya, halaman tempat link itu akan digantikan oleh halaman yang dituju oleh link tersebut. Ini merupakan cara pemunculan default. – Ditampilkan pada jendela yang lain. Artinya, akan muncul jendela baru yang menampilkan halaman yang dituju. Untuk membuat link semacam ini, kita harus menambahkan atribut TARGET="_blank" dalam tag . Contoh: <a href="webpage.htm" target="_blank">.
  • 10. CARA MEMBUAT LINK  Format penulisan : <a href="Link">Kata yang di-click</a> <a name="#Acuan">Kata yang dituju</a> Link = Alamat URL atau nama file dan/atau acuan yang dituju Acuan = Kata sembarang sebagai penanda (bookmark)