FUNGSI FUNGSI TAG TABEL DALAM HTML
Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web terbagi pada beberapa kolom atau baris.
Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table :
<TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>
Terdiri dari atribut :
- align – perataan : rata kiri (left), tengah (center) atau kanan (right).
- bgcolor – warna latar belakang (background) dari tabel.
- border – ukuran lebar border tabel (dalam pixel).
- width – ukuran tabel dalam pixel atau percent.
1.TABEL
2.PENGGUNAAN ALIGN
Atribut align pada tabel digunakan untuk mengatur bentuk perataan data pada tabel secara horizontal. Atribut align dapat digunakan di tag <table> yang akan menentukan posisi tabel atau di tag <tr>, <th> atau <td> yang akan menentukan posisi isi tabel (data) di dalam tabel secara horizontal.
Di tag <table>, nilai yang dapat diterapkan pada atribut align yaitu :
- Left untuk membuat posisi tabel di kiri (default).
- Right untuk membuat posisi tabel di kanan.
- Center untuk membuat posisi tabel di tengah.
4.TABEL NAMA DAN USIA 1
5.TABEL NAMA DAN USIA 2
6.TABELPERTEMUAN
saya sengaja mengcopy kodingan ga di screen shot karena tidak akan cukup maaaf kaena saya masih belajar juga
<html>
<head>
<title>tabel Alpa Gustiana Xl RPL 3</title>
</head>
<body>
<table width="40%" border="1">
<tr>
<th bgcolor="pink" rowspan="2">NO</th>
<th bgcolor="blue" rowspan="2">NAMA </th>
<th bgcolor="green" colspan="5" >pertemuan</th>
</tr>
<tr bgcolor="cyan">
<td><center>1</center></td>
<td><center>2</center></td>
<td><center>3</center></td>
<td><center>4</center></td>
<td><center>5</center></td>
</tr>
<tr>
<th>1</th>
<th>neymar</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>s</th>
</tr>
<tr>
<th>2</th>
<th>cristiano</th>
<th>a</th>
<th>✓</th>
<th>i</th>
<th>s</th>
<th>✓</th>
</tr>
<tr>
<th>1</th>
<th>bale</th>
<th>a</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
<th>✓</th>
</tr>
</table>
</body>
</html>
7.tabel rowspons
Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.
8.TABEL DENGAN COLPANS
9.TABEL BENUA
10.TABEL BENUA EROPA DAN ASIA
 |
11.TABEL BUAH
cukup sekian pertemuan kita di hariini semoga bermanfaat dan berguna bagi kalian semua mohon maaf bila ada salah salah kata atau kodingan
MASIH BELAJAR
Tidak ada komentar:
Posting Komentar