C3 Melihat dan Mengedit kode.
HTML Tag a
PAGES
PHP CODE
html tag a dasar
Html Tag <a> dalam HTML adalah anchor tag, yang digunakan untuk membuat tautan (link) ke halaman web lain, file, lokasi tertentu dalam halaman yang sama, alamat email, atau lainnya.
Atribut penting pada tag <a>:
| Atribut | Fungsi |
|---|---|
| href | Alamat tujuan tautan |
| target | Menentukan di mana membuka link (_self, _blank, dll.) |
| download | Meminta browser untuk mengunduh file daripada membukanya |
| rel | Menjelaskan hubungan antara dokumen (contoh: noopener, noreferrer) |
| title | Teks tambahan saat kursor diarahkan ke link |
HTML Copy
<!DOCTYPE html>
<html>
<body style="font-family:arial;">
<h2 id="section1">Contoh html tag <a> Bagian 1</h2>
<h4>1. Menuju halaman lain:</h4>
Kunjungi <a href="https://www.cicagak.com">Cicagak.com!</a>
<h4>2. Link email:</h4>
<a href="mailto:namaemail@contoh.com">Kirim Email</a>
<h4>3. Link untuk mengunduh file:</h4>
<a href="https://cicagak.com/file/doc/sample-file.pdf" download>Unduh PDF</a>
<h4>4. Menuju bagian tertentu di halaman (anchor link):</h4>
<a href="#section1">Lompat ke Bagian 1</a>
<!-- Bagian target terletak paling atas <h2>-->
</body>
</html>
CSS Copy
JS Copy
Browser Yang Mendukung Pengeditan
| Version | |||||
|---|---|---|---|---|---|
| Live Code 4 | Yes | Yes | Yes | 141 | Sebagian |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cicagak Live Code</title>
<link rel="stylesheet" href="style.css">
<style>
@import url('https://fonts.cdnfonts.com/css/fira-code-2');
.judul1 {font-family:monospace;}
p {font-family:'fira code';}
</style>
</head>
<body>
<!-- write -->
<h2 class="judul1">Selamat Datang Cicagak </h2>
<!-- write -->
<script src="script.js"></script>
</body>
</html>