Tautan: Menghubungkan Web
Pelajari cara membuat tautan yang dapat diklik
Tautan: Menghubungkan Web adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar HTML for Kids, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus HTML for Kids mencakup 4 pelajaran total.
Tautan: Menghubungkan Web
Selamat datang di pelajaran berikutnya! Hari ini, kita akan mempelajari cara membuat tautan dalam HTML. Tautan menghubungkan berbagai halaman web dan memungkinkan pengguna menjelajahi internet dengan mudah.
Apa Itu Tautan?
Tautan adalah elemen yang dapat diklik pada halaman web dan akan membawa Anda ke halaman lain, bagian tertentu, atau bahkan suatu berkas.
Tautan dibuat menggunakan tag <a>, yang merupakan singkatan dari “anchor”.
Mari kita membuat tautan sederhana!
Membuat Tautan Dasar
Untuk membuat tautan, gunakan tag <a> dengan atribut href. href menentukan tujuan tautan.
Contoh:
<a href="https://www.google.com">
Visit Google</a>
Membuka Tautan di Tab Baru
Anda dapat membuat tautan terbuka di tab baru dengan menambahkan atribut target="_blank" ke tag <a>.
Contoh:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Menautkan ke Halaman Lain
Tautan juga dapat menghubungkan ke halaman lain di situs web Anda. Gunakan URL relatif (nama berkas), bukan alamat web lengkap.
Contoh:
<a href="about.html">About Us</a>
Menautkan ke Bagian Tertentu
Anda dapat menautkan ke bagian tertentu di halaman yang sama dengan menggunakan ID. Tambahkan ID ke elemen yang ingin Anda tautkan, lalu gunakan #id dalam atribut href.
Contoh:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Menautkan ke Alamat Email
Anda dapat membuat tautan yang membuka aplikasi email pengguna dengan menggunakan mailto: dalam atribut href.
Contoh:
<a href="mailto:hello@example.com">
Send an Email</a>
Menambahkan Tooltip ke Tautan
Anda dapat menambahkan tooltip yang muncul saat pengguna mengarahkan kursor ke tautan menggunakan atribut title.
Contoh:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Kerja Bagus!
Selamat! Anda telah mempelajari cara membuat tautan, membukanya di tab baru, menautkan ke bagian tertentu, dan bahkan menautkan ke alamat email. Tautan adalah tulang punggung web yang menghubungkan semuanya. Pada pelajaran berikutnya, kita akan mempelajari cara menambahkan gambar ke halaman web Anda. Bersiaplah untuk membuat halaman Anda lebih berwarna!
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tautan: Menghubungkan Web” gratis?
Ya — teks lengkap “Tautan: Menghubungkan Web” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus HTML for Kids, upgrade ke CoddyKit PRO. Kursus HTML for Kids mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Tautan: Menghubungkan Web”?
Pelajari cara membuat tautan yang dapat diklik Kamu berlatih HTML for Kids dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai HTML for Kids?
Tidak diperlukan pengalaman sebelumnya. HTML for Kids di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Tautan: Menghubungkan Web” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran HTML for Kids ini?
Ya. Setiap pelajaran HTML for Kids menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Judul dan Paragraf
- Daftar: Berurutan dan Tidak Berurutan
- Tautan: Menghubungkan Web
- Gambar: Menambahkan Gambar ke Halaman Anda