tutorial cara membuat link di html - ilmu...

8
LisensiDokumen: Copyright © 2008-2017ilmuti.org Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit), dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen. Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludari ilmuti.org Tutorial Cara Membuat Link Di HTML Beni Hendriawan [email protected] 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.

Upload: dangcong

Post on 10-Jun-2018

226 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

[email protected]

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.

Page 2: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari 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++

Page 3: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

Page 4: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

Page 5: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

Page 6: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

Page 7: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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

Page 8: Tutorial Cara Membuat Link Di HTML - ILMU …ilmuti.org/wp-content/uploads/2017/04/Beni_Hendriawan...Artikel Tutorial cara membuat link di html ini saya buat karena Manfaat dari link

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.