Mau jago bikin website? Salah satu langkah pertama yang perlu kamu pelajari adalah HTML. Nah, di artikel ini, kita bakal bahas tentang cara menambahkan gambar, membuat tabel, dan sedikit mengenal CSS. Tenang aja, bahasanya santai kok!
1. Menambahkan Gambar ke Halaman Web
Gambar itu penting banget buat bikin tampilan website jadi lebih menarik. Kalau mau tambahin gambar, kamu bisa pakai tag <img>. Tag ini cukup simpel, tinggal tambahkan atribut seperti src (sumber gambar) dan alt (teks alternatif). Contohnya:
<img src="gambar.jpg" alt="Deskripsi gambar">
src: Isi dengan URL atau path gambar.alt: Berguna buat SEO dan membantu pengunjung kalau gambarnya nggak bisa tampil.
Kamu juga bisa atur ukuran gambar pakai atribut width dan height. Contoh:
<img src="gambar.jpg" alt="Gambar contoh" width="300" height="200">
2. Membuat Tabel dengan HTML
Tabel sering dipakai buat menampilkan data secara terstruktur. HTML punya tag khusus buat bikin tabel, yaitu:
<table>: Tag utama buat tabel.<tr>: Buat baris.<td>: Buat kolom (data).<th>: Buat heading kolom (biasanya teksnya tebal dan rata tengah).
Berikut contoh sederhananya:
<table border="1">
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>Ani</td>
<td>25</td>
</tr>
<tr>
<td>Budi</td>
<td>30</td>
</tr>
</table>
Supaya tabel kamu lebih keren, nanti kita bisa tambahkan styling pakai CSS.
3. Pengenalan CSS
HTML emang dasar bikin website, tapi kalau mau tampilannya lebih kece, kamu butuh CSS (Cascading Style Sheets). CSS digunakan buat mengatur tampilan seperti warna, font, margin, dan sebagainya.
Contoh, kamu mau teks di tabel jadi biru dan rata tengah. Kamu bisa tambahin CSS kayak gini:
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #4CAF50;
color: white;
}
</style>
Tag <style> di atas ditaruh di bagian <head> halaman HTML kamu.
Kesimpulan
Belajar HTML itu nggak sesulit yang dibayangkan. Mulai aja dari dasar-dasar kayak menambahkan gambar, membuat tabel, dan coba eksplor CSS buat bikin tampilan lebih menarik.
Kalau kamu rajin praktek, dijamin dalam waktu singkat kamu bisa bikin website sederhana. Jadi, tunggu apa lagi? Yuk, mulai belajar dan bikin karya keren kamu sendiri!
Tertarik buat belajar lebih lanjut? Stay tuned di blog ini, ya! Jangan lupa bagikan artikel ini ke teman-teman kamu yang juga mau belajar coding!
Komentar