Sekarang kita akan bahas link, ini adalah salah satu tag paling penting dalam pembuatan sebuah web karena tanpa link halaman kita tidak akan terhubung dengan halaman yang lain. Selain digunakan untuk menghubungkan ke halaman lain link juga bisa digunakan untuk menyambungkan ke fungsi atau atribut internal di dalam satu halaman. Check it out!
sekarang kita akan bahas mengenai atribut target dalam link, atribut target adalah atribut yang memberi fungsi link sesuai defini target\. Bingung? langsung simak di bawah
Lalu ada juga link di dalam satu halaman alias ga pindah halaman
sekarang kita coba di file lain.html
Oke lanjut...
- local link adalah link yang menghubungkan ke halaman yang berada dalam satu hosting/server seperti localhost. sedangkan external link digunakan untuk menghubungkan halaman ke luar server untuk menghubungkan halaman dari localhost ke server luar wajib menggunakan http:// or https:// (contoh https://www.w3schools.com)
sekarang kita akan bahas mengenai atribut target dalam link, atribut target adalah atribut yang memberi fungsi link sesuai defini target\. Bingung? langsung simak di bawah
- _blank - Opens the linked document in a new window or tab alias ketika link di klik akan membuka halaman baru di new tab (tab baru) browser
- _self - Opens the linked document in the same window/tab as it was clicked (this is default) alias ketika di link di klik akan berpindah halaman pada tab yang sama (ini setting defaultnya jadi ga perlu di kasih target)
- _parent - Opens the linked document in the parent frame
- _top - Opens the linked document in the full body of the window
- framename - Opens the linked document in a named frame
Lalu ada juga link di dalam satu halaman alias ga pindah halaman
sekarang kita coba di file lain.html
<!DOCTYPE html>
<html lang="en-US">
<head></head>
<body>
<h1 style="color:blue;">heading</h1>
<a href="#10"><h2>heading</h2></a>
<h3>heading</h3>
<h4>heading</h4>
<h5>heading</h5>
<a href="index.html"><h6>ini heading dan link untuk kembali</h6></a>
<pre>
<b>ini bold</b>
<i>ini italic</i>
<em>ini emphazise</em>
<small>ini small</small>
<strong>ini strong</strong>
<sub>ini subscript</sub>
<sup id="10">ini superscript</sup>
<ins>ini insert</ins>
<del>ini dicoret</del>
<mark>ini distabilo</mark>
<a href="https://www.w3schools.com" target="_blank"><img title="ini gambar" style="width:100%" src="c.jpg" /></a>
</pre>
</body>
</html>
<html lang="en-US">
<head></head>
<body>
<h1 style="color:blue;">heading</h1>
<a href="#10"><h2>heading</h2></a>
<h3>heading</h3>
<h4>heading</h4>
<h5>heading</h5>
<a href="index.html"><h6>ini heading dan link untuk kembali</h6></a>
<pre>
<b>ini bold</b>
<i>ini italic</i>
<em>ini emphazise</em>
<small>ini small</small>
<strong>ini strong</strong>
<sub>ini subscript</sub>
<sup id="10">ini superscript</sup>
<ins>ini insert</ins>
<del>ini dicoret</del>
<mark>ini distabilo</mark>
<a href="https://www.w3schools.com" target="_blank"><img title="ini gambar" style="width:100%" src="c.jpg" /></a>
</pre>
</body>
</html>
Oke lanjut...
Tidak ada komentar:
Posting Komentar