Tutorial Belajar HTML Part 11 — Membangun Tabel (Table) dalam HTML: Mengatur Data dalam Bentuk Tabel
Membangun Tabel (Table) dalam HTML: Mengatur Data dalam Bentuk Tabel Pembuatan tabel dalam HTML adalah cara yang efektif untuk mengatur dan menampilkan data dalam bentuk terstruktur. Dengan tag <table>, Anda dapat membuat kolom dan baris untuk mengatur informasi ke dalam format tabel yang mudah dibaca. Tag Dasar untuk Membangun Tabel Tag <table> Tag <table> adalah tag utama yang digunakan untuk membungkus seluruh tabel. Tag <tr> Tag <tr> (table row) digunakan untuk menentukan baris dalam tabel. Tag <th> dan <td> Tag <th> (table header) digunakan untuk membuat sel header atau kolom. Tag <td> (table data) digunakan untuk membuat sel data dalam tabel. Struktur Dasar Tabel Contoh Tabel Sederhana: <table> <tr> <th>Nama</th> <th>Usia</th> </tr> <tr> <td>John</td> <td>25</td> </tr> <tr> <td>Jane</td> <td>30</td> </tr> </table> Elemen Tambahan dalam Tag Tabel Tag <caption> Tag <caption> dapat digunakan untuk memberikan judul atau deskripsi singkat untuk tabel. Atribut untuk Pengaturan Tabel border: Menentukan tebal garis batas tabel. width dan height: Mengatur lebar dan tinggi tabel. cellpadding dan cellspacing: Menentukan jarak antara isi sel dan ruang antar sel. Menggabungkan sel dan Barisan Anda dapat menggabungkan sel atau baris dalam tabel menggunakan atribut colspan dan rowspan untuk membuat tata letak yang lebih kompleks. kesimpulan Pembuatan tabel dalam HTML memungkinkan Anda untuk menampilkan data secara terstruktur dan terorganisir. Dengan tag-tag yang disediakan, Anda dapat membuat tabel yang mudah dibaca dan dimengerti. Pastikan untuk menggunakan tag tabel secara tepat, memberikan deskripsi atau judul yang sesuai, serta memperhatikan penggunaan atribut untuk memperbaiki tampilan dan kejelasan tabel.
Tutorial Belajar HTML Part 10 — Membuat Tautan (Link) dalam HTML: Menghubungkan Halaman Web Anda
Membuat Tautan (Link) dalam HTML: Menghubungkan Halaman Web Anda Tautan atau hyperlink dalam HTML adalah elemen penting yang memungkinkan pengguna untuk navigasi antara berbagai halaman web. Penggunaan tag <a> memungkinkan Anda membuat tautan ke halaman lain , file, atau lokasi di dalam halaman yang sama. Cara Membuat Tautan dengan Tag <a> Tag <a> digunakan untuk membuat tautan dan membutuhkan atribut href yang menunjukkan URL atau lokasi tautan yang dituju. Contoh Penggunaan Tautan Sederhana: <a href=”https://www.contoh.com”>Tautan Contoh</a> Atribut Utama pada Tag <a> ‘href’ Atribut href menunjukkan URL atau lokasi yang akan dituju ketika tautan diklik. Ini bisa berupa alamat web eksternal, halaman dalam situs yang sama, atau halaman dalam situs lain. Tautan ke Lokasi di Halaman yang Sama (Anchor Link) Untuk membuat tautan yang mengarah ke lokasi tertentu di halaman yang sama, Anda dapat menggunakan ID elemen dan tautan ke ID tersebut. Contoh Tautan Anchor dalam Halaman yang Sama: <a href=”#bagian-tertentu”>Tautan ke Bagian Tertentu</a> …<h2 id=”bagian-tertentu”>Bagian Tertentu</h2> <p>Konten di bagian yang ditautkan</p> Atribut Tambahan dalam Tag <a> ‘target’ Atribut target digunakan untuk menentukan di mana tautan akan dibuka saat diklik. Misalnya, _self untuk membuka tautan di jendela atau tab saat ini, _blank untuk membuka di jendela atau tab baru. Keterbacaan dan Aksesibilitas Penting untuk memberikan teks deskriptif dan informatif pada tautan Anda untuk tujuan aksesibilitas. Atribut title juga dapat digunakan untuk memberikan informasi tambahan saat tautan disorot oleh pengguna. Kesimpulan Tautan dalam HTML memungkinkan pengguna untuk berpindah antara halaman web dan bagian-bagian dalam halaman yang sama. Dengan menggunakan tag <a>, Anda dapat membuat tautan yang membantu pengguna menjelajah konten web dengan mudah. Pastikan tautan Anda informatif, deskriptif, dan mudah dipahami untuk meningkatkan pengalaman pengguna.