Generator HTML Hyperlink | Buat Tautan dengan Mudah
Gunakan Generator Hyperlink HTML untuk membuat kode hyperlink. Masukkan URL dan teks, lalu salin kode yang dihasilkan.
Opsi Tautan
Pratinjau
Kode yang Dihasilkan
Fitur & Kasus Penggunaan
Kasus Penggunaan Umum
- Buat tautan navigasi situs web
- Tambahkan tautan kontak email
- Hasilkan tautan nomor telepon untuk seluler
- Siapkan tautan unduhan untuk file
- Buat tautan eksternal yang aman
Manfaat Utama
- Antarmuka yang mudah digunakan untuk menghasilkan tautan dengan cepat
- Fitur keamanan bawaan dengan atribut rel
- Opsi tautan yang ramah aksesibilitas
- Konfigurasi yang fleksibel untuk berbagai kasus penggunaan
Cara membuat tautan HTML
- Pilih jenis tautan: URL, email, atau nomor telepon.
- Masukkan alamat tujuan dan teks tautan yang terlihat.
- Secara opsional tambahkan judul (tooltip) dan pilih cara tautan terbuka (target).
- Aktifkan atribut rel lanjutan seperti nofollow, noopener, atau noreferrer.
- Salin tag <a> yang dihasilkan dan tempel ke HTML Anda.
Pertanyaan yang Sering Diajukan
Atribut nofollow memberi tahu mesin pencari untuk tidak meneruskan otoritas tautan ke halaman target, berguna untuk tautan berbayar atau tidak tepercaya. Atribut noreferrer mencegah browser mengirimkan URL halaman perujuk ke situs target, menambahkan lapisan privasi.
Pilih "_blank" sebagai opsi Target saat membuat tautan. Ini menambahkan target="_blank" ke tag HTML, yang menginstruksikan browser untuk membuka tautan di tab atau jendela baru.
Ya, ubah Tipe tautan ke Email atau Telepon. Alat akan menghasilkan tautan mailto: atau tel: yang tepat yang membuka klien email default atau dialer telepon saat diklik.
The external attribute helps users and browsers identify links that lead to other websites. It's good practice for user experience and can be used to automatically add visual indicators (like an external link icon).
Email links (mailto:) open the user's default email client with a new message. You can add subject and body parameters, e.g., mailto:[email protected]?subject=Hello&body=Message
Phone links (tel:) allow mobile users to call numbers directly. They work on mobile devices and desktop computers with calling capabilities (like Skype). Format: tel:+1234567890
The download attribute suggests that the browser download the linked resource instead of navigating to it. It's useful for PDFs, images, and other downloadable content. You can also specify a default filename.
• Use descriptive link text instead of "click here"
• Ensure sufficient color contrast for accessibility
• Make link text concise but meaningful
• Use appropriate rel attributes for security
• Consider adding title attributes for additional context
• Test links regularly to avoid broken links
• Ensure sufficient color contrast for accessibility
• Make link text concise but meaningful
• Use appropriate rel attributes for security
• Consider adding title attributes for additional context
• Test links regularly to avoid broken links
• Use HTTPS for external links when available
• Add noreferrer for external links
• Use noopener for target="_blank" links
• Validate URLs before creating links
• Escape special characters in URLs
• Consider adding rel="nofollow" for untrusted content
• Add noreferrer for external links
• Use noopener for target="_blank" links
• Validate URLs before creating links
• Escape special characters in URLs
• Consider adding rel="nofollow" for untrusted content
Special characters in URLs need to be encoded. For example:
• Space becomes %20
• ? becomes %3F
• & becomes %26
• = becomes %3D
This tool automatically handles URL encoding for you.
• Space becomes %20
• ? becomes %3F
• & becomes %26
• = becomes %3D
This tool automatically handles URL encoding for you.
Bagaimana Cara Membuat Hyperlink HTML?
Sebuah generator hyperlink HTML membuat tag anchor
<a> untuk tautan yang dapat diklik, siap untuk disalin dan ditempel. Bentuk dasarnya adalah <a href="URL">link text</a> - masukkan URL dan teks Anda dan dapatkan kodenya secara instan.