kali ini kita membahas tentang table di dalam HTML.
table sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom table digunakan untuk membuat layout website.
beberapa tag table pada HTML adalah sebagai berikut :
<table border> = untuk membuat bingkai table
<tr> = ( table rows) untuk membuat baris pada table
<td> = (table data) untuk membuat kolom pada table
<th> = (table heading) title table biasanya digunakan seperti no,nama,alamat
<valign> = untuk mengatur vertikal tulisan di dalam kolom
<colspan> = menggabungkan antar kolom di dalam tabel
<rowspan> = menggabungkan antar baris di dalam tabel
<bg color> = pemberian warna kolom baikpun baris
<width> = mengatur lebar tabel
<cellspacing> = mengatur jarak antar kolom
<cellpading> = mengatur jarak kolom dengan tulisan
<!DOCTYPE html>
<html>
<head>
<title>DATA SISWA</title>
</head>
<body background="4.jpg">
<table width="500" border="1">
<caption>data siswa RPL</caption>
<tr bgcolor="#FFC">
<th>NO.</th>
<th>NAMA</th>
<th>ALAMAT</th>
<th>JURUSAN</th>
</tr>
<tr bgcolor="GREY">
<td>1</td>
<td>Marice sari ultari Ginting</td>
<td>Jl.galang</td>
<td rowspan="3" valign="TOP">RPL</td>
</tr>
<tr bgcolor="GREY">
<td>2</td>
<td>Erika M Sembiring</td>
<td>Jl.Pendidikan</td>
</tr>
<tr bgcolor="GREY">
<td>3</td>
<td>Emmia pepayosa Maria Ginting</td>
<td>Jl.galang</td>
</tr>
<tr bgcolor="red">
<td> JUMLAH</td>
<td colspan="3" align="center">3</td>
</tr>
</table>
</body>
</html>
semoga bermanfaat ya teman-teman :)
terimakasih
Tidak ada komentar:
Posting Komentar