HIMANIFO UNIMMA
 Membuat Link di HTML Web Programming 

14:00:00, 12 November 2020

Web Programming

MEMBUAT LINK DI HTML

Link atau Hyperlink adalah elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain.
Sintaks dari penghubungan dalam HTML dengan menggunakan tag <a>, atribut href digunakan untuk mendefinisikan lokasi link.
Ada beberapa jenis link, diantaranya :
1. link internal : link menuju bagian lain pada page yang sama
2. link external : link menuju page atau domain lain

1. LINK INTERNAL

Berikut contoh pembuatan link internal:

<!DOCTYPE html>
<html>
<head>
<title>Membuat Link Internal di HTML</title>
</head>
<body>
<a href="#bawah" name="atas"> Menuju Bawah </a>
<p>Paragraf 1</p>
<p>Paragraf 2</p>
<p>Paragraf 3</p>
<p>Paragraf 4</p>
<p>Paragraf 5</p>
<p>Paragraf 6</p>
<p>Paragraf 7</p>
<p>Paragraf 8</p>
<p>Paragraf 9</p>
<p>Paragraf 10</p>
<a href="#atas" name="bawah"> Menuju Atas </a>
</body>
</html>

Try Here >>

2. LINK EXTERNAL

Berikut contoh pembuatan link external:

<!DOCTYPE html>
<html>
<head>
<title>Membuat Link Eksternal di HTML</title>
</head>
<body>
<a href="https://himanifo.my.id/"> Link External </a>
</body>
</html>

Try Here >>

2.1 ATRIBUTE LINK EXTERNAL

Selain atribut href terdapat juga beberapa atribut yang sering ditambahkan pada link, seperti: target, title, rel, style, dan lain-lain.
Ada beberapa jenis atribute target pada link, diantaranya :
​​​​​​1. target="_blank" 
Memuat dokumen baru ke dalam window baru yang kosong
2. target="_self"
Memuat dokumen baru ke dalam window yang sama dengan anchor (default)
3. target="_top"
Memuat dokumen baru ke dalam keseluruhan window browser (cara yang umum digunakan untuk keluar dari frame)
4. target="_"
Memuat dokumen baru ke dalam parent frame (bila menggunakan frame)

Berikut contoh pembuatan link dengan tambahan atribute:

<!DOCTYPE html>
<html>
<head>
<title>Atribute Link di HTML</title>
</head>
<body>
<a href="https://himanifo.my.id/" target="_self" title="Himanifo Unimma"> Open In This Tab </a>
<br>
<a href="https://himanifo.my.id/" target="_blank" title="Himanifo Unimma"> Open In New Tab </a>
<br>
</body>
</html>

Try Here >>

MUDAH KAN ?? SELANJUTNYA..

Menampilkan Gambar di HTML Web Programming | HIMANIFO UNIMMA →

Jika ada pertanyaan bisa gabung diskusi dibawah atau kontak langsung
Mail :
ajiwahyu12592@gmail.com

#Himanifo Unimma
#Membuat Link Di HTML
#Belajar Web Programming
#Himpunan Mahasiswa Jurusan Teknik Informatika

Gabung Diskusi