Assalam'alaikum Wr. Wb.
A). Pendahuluan
Bertemu lagi di blog saya, disini saya akan menjelaskan bagaimana cara membuat tabel di HTML. Lihat blog saya dibawah ini. Disini supaya kalian bisa tahu cara untuk menghubungkan dokumen satu dengan dokumen yang lain.
B). Latar Belakang
Untuk menghubungkan setiap masing-masing website anda satu sama lain atau ke website yang lain. Jadi jika pengunjung website anda sedang mengklik suatu kata atau gambar yang mengandung hyperlink, maka ia akan diarahkan untuk menuju ke alamat URL yang ada didalam hyperlink tersebut.
C). Maksud & Tujuan
Agar mengetahui apa itu Link dalam HTML
D). Pembahasan
Dalam tutorial ini kita akan membahas membuat link di html, sebelum ke pembahasan materi kita akan bahas terlebih dahulu pengertian link. Hyperlink pada html adalah
suatu cara untuk menghubungkan dokumen satu dengan yang lainnya,
penggunaan link ini sangat penting, sebagai contoh apa jadinya sebuah
jalan tanpa penghubung dari kota satu ke kota lain, begitu juga dengan
link, bagaimana seorang pembaca dapat melihat halaman lain pada sebuah
website, maka di butuhkan navigasi sebagai pentunjuk untuk pembaca dapat
pergi ke bagian lain dalam satu website atau di luarnya, penulisan link
di html menggunakan sebuah tag <a> atau anchor link.
1). Atribut-atribut tag <a> di HTML
| Atribut | Nilai | Keterangan |
|---|---|---|
| href | URL | Menentukan alamat atau ID tujuan |
| hreflang | language_code | Menentukan bahasa yang digunakan |
| target | _blank, _parent, _self, _top, framename | Untuk menentukan bagaimana perlakuan untuk membuka link tersebut. |
| rel | alternate, author, bookmark, help, license, next, nofollow, noreferrer, prev, search, tag | Menentukan hubungan (relationship) antara dokumen yang sedang di buka atau dokumen lain yang di rujuk link tersebut. |
2). Cara membuat Link di HTML
Sampai disini saya anggap pembaca sudah mengerti atribut-atribut tag
<a> (anchor link) pada tabel di atas, Berikut ini adalah cara
penulisan tag <a> untuk membuat link di html.
<a href="link_tujuan">Nama link</a>
Untuk lebih lengkapnya penulis akan membuat dua halaman, yaitu
halaman index.html dan menu.html dimana kedua halaman tersebut akan
saling merujuk ke masing-masing halaman, berikut ini adalah susunan
hirarki halaman, file menu.html di simpan didalam direktori “menu”.
Selanjutnya silahkan buka text editor apa saja sesuai keinginan anda, lalu ketik kode di bawah ini dan simpan dengan nama index.html.
<!DOCTYPE html>
<html>
<head>
<title>Cara membuat link di HTML</title>
</head>
<body>
<h1>Membuat hyperlink di HTML</h1>
<p>Dibawah ini adalah link yang ditujukan ke halaman menu | <a href="menu/menu.html">MENU</a>
</body>
</html>
Hasil :
Setelah itu buat sebuah direktori baru yang berada pada direktori
root, setelah itu ketik kode html di bawah ini dan beri nama
menu.html, lalu simpan pada direktori menu yang telah di buat.
<!doctype html>
<html>
<head>
<title>Cara membuat Link di HTML</title>
</head>
<body>
<h1>Membuat hyperlink di HTML</h1>
<p>Berikut ini adalah Link untuk kembali ke halaman index | <a href=".../index.html">INDEX</a></p>
</body>
</html>
Hasil :
E). Kesimpulan
Jadi kesimpulannya yaitu Hyperlink adalah cara untuk menghubungkan dokumen satu dengan yang lainnya
F). Referensi
https://bahasaweb.com
Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada
kesalahan mohon maaf semuanya. Terima kasih telah mengunjungi blog saya
dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog
saya yang saat ini masih biasa-biasa saja.
~ Wassalamu'alaikum Wr. Wb. ~
Postingan
Tidak ada komentar:
Posting Komentar