tutorial cara membuat link di html - ilmu...
TRANSCRIPT
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Tutorial Cara Membuat Link Di HTML
Beni Hendriawan
Abstrak
Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link adalah
memudahkan menavigasi halaman. Kita mungkin sudah sering mendengar kata Link di
web, Tentu saja sangat tidak asing lagi ditelingan jika ada teman kita yang bilang apa itu
link?. Definisi Link (atau di sebut juga hyperlink) adalah sebuah acuan dalam dokumen
hiperteks (hypertex) ke dokumen yang lain atau sumber lain.
Kata Kunci: link , html , web
Pendahuluan
Kita mungkin sudah sering mendengar kata Link di web, Tentu saja sangat tidak asing
lagi ditelingan jika ada teman kita yang bilang apa itu link?. Tapi buat teman teman kita
yang baru mau mempelajari dunia website mungkin sedikit asing dengan yang namanya
link.
Umumnya link berada di dalam teks atau gambar. Teks atau gambar yang mengandung
link sangat mudah kita temukan di situs web atau blog seperti wikipedia.com maupun
situs situs lainya. Dan untuk lebih mengenal pengertian link dalam web berikut
penjelasan tentang pengertian link dan cara membuat link.
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Pembahasan
Pengertian Link - Definisi Link (atau di sebut juga hyperlink) adalah sebuah acuan
dalam dokumen hiperteks (hypertex) ke dokumen yang lain atau sumber lain. seperti hal
nya suatu kutipan di dalam literatur. dikombinasikan dengan sebuah jaringan data dan
sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh
sumber yang direferensikan.
Pengertian Link atau dalam bahasa Indonesia disebut dengan tautan adalah tulisan atau
gambar yang apabila di klik akan menuju halaman tertentu sesuai dengan yang di
tentukan oleh pembuat link. Manfaat dari link adalah memudahkan akses ke tautan atau
halaman sebelumnya dan memudahkan menavigasi halaman.
Kita akan membuat link di HTML sederhana dan program yang akan kita gunakan
untuk membuatnya adalah Notepad++
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Kita klik Notepad++ nya dan akan muncul tampilan seperti di bawah ini
Lalu Kita Ketikan perintah html pada Notepad++ untuk membuat web sederhana seperti
di bawah ini
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Setelah kita ketikan perintah html lalu kita save filenya dengan format .html seperti
pada gambar di bawah ini
Akan muncul file html contoh nama file Home.html seperti pada gambar di bawah ini
Bila sudah di save kita bisa buka file html tersebut dengan menggunakan aplikasi
browser bisa google chrome atau Mozilla firefox. Dan akan muncul tampilan web
sederhana yang belum ada linknya. Seperti gambar di bawah ini
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Setelah ini kita akan tambahkan perintah cara membuat link di html dengan perintah
<a href=namafile.html> nama link di web </a>. bisa perhatikan gambar di bawah ini
Lalu kita save dan kita buka file html yang sudah ada linknya, pastinya berbeda text
yang sudah ada linknya dan belum. Bisa perhatikan gambar di bawah ini
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Kita pun bisa memberikan link pada setiap text html yang kita inginkan. Contoh kita
beri link pada kata Artikel dan save dengan nama file artikel.html seperti dibawah ini
Dan bila kita buka file artikel.html nya akan tampil seperti di bawah ini
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Bila Kita ingin memberikan link pada text home, artikel dan tentang saya. Perintah yang
di gunakan tetap sama dengan <a href=namafile.html> nama link di web </a> dan
jangan lupa di save dengan nama file html. bisa liat contoh gambar di bawah ini
Kan muncul tampilan seperti di bawah ini
LisensiDokumen: Copyright © 2008-2017ilmuti.org
Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),
dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.
Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org
Penutup
Salah satu manfaat menggunakan link adalah tidak tercampur satu tema atau
pembahasan dalam satu halaman dengan tema yang lain. dan dengan memanfaat
penggunakan link tentu saja membuat pembaca lebih mudah memahami satu
pembahasan. Semoga artikel tutorial cara membuat link di html ini bermanfaat.
Referensi
Pengalaman Pribadi
Biografi
Nama saya Beni Hendriawan, biasa dipanggil beni. Saat ini saya sedang
melanjutkan studi Strata 1 disalah satu Sekolah Tinggi Ilmu Komputer
dikota tangerang. Saya juga sedang bekerja di salah satu manufaktur di
tangerang. Saat ini saya sedang sibuk kuliah dan bekerja.