Membuat Tabel Biodata HTML

Biodata adalah penjelasan singkat tentang perjalan hidup seseorang. Kali ini saya akan memberikan tutorial membuat biodata sederhana dengan menggunakan HTML.

source: petanikode.com

Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td>:

  • Tag <table> digunakan untuk memulai tabel
  • Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
  • Tag <td> adalah singkatan dari table data, digunakan untuk membuat sel.

Berikut source codenya:

source code biodata html
source code biodata html

Berikut penjelasannya:

  1. Tag <center> pada baris 7 bertujuan agar semua tampilan berada di tengah dan ditutup tag </center> pada baris 35.
  2. Tag <table> digunakkan untuk memulai pembuatan tabel, diakhiri dengan tag </table>
  3. Untuk atribut border=”1″ digunakan untuk memberikan nilai garis tepi dari tabel.
  4. Tag <tr> atau table row digunakan untuk membuat baris pada tabel diakhiri dengan tag </tr>
  5. Tag <th> atau table head digunakan untuk judul atau header dari isi tabel yang kita buat, diakhiri dengan tag </th>
  6. Untuk atribut colspan=”3″ digunakan untuk menggabungkan 3 kolom menjadi 1, nilai dari colspan bisa diubah sesuai kebutuhan.
  7. Tag <td> atau table data digunakan untuk membuat sel, diakhiri dengan tag </td>
  8. Untuk atribut rowspan=”5″ digunakan untuk menggabungkan sel tabel dengan 4 baris lainnya.
  9. Tag <img> digunakan untuk menampilkan gambar, cara memanggilnya dengan atribut src, contoh: <img src=”https://url/foto.jpg”> dan untuk menyesuaikan ukurannya kita bisa menggunakan atribut width atau height.
Baca juga:   Tutorial Dasar Java untuk Pemula

Sampai disini kita telah mempelajari beberapa tag HTML, salah satunya tag table.

Sekian, semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *