Koding Tabel Sederhana di HTML
Contoh satu :
 |
| Contoh Tabel Sederhana di HTML |
Koding :
<!DOCTYPE html>
<head>
<title> Contoh 1 </title>
</head>
<body>
<h3> Daftar Nama Siswa </h3>
<table border=1 cellpadding=3 cellspacing=3>
<tr bgcolor=silver>
<td align=center>NIM</td>
<td align=center>NAMA LENGKAP</td>
</tr>
<tr>
<td> 00000000000010 </td>
<td> SARAH </td>
</tr>
</table>
</body>
</html>
Contoh dua :
 |
| Contoh Tabel Sederhana di HTML |
Koding :
<!DOCTYPE html>
<head>
<title> Tbel Daftar Nama Siswa </title>
</head>
<body>
<h3 align=center> Daftar Nama Siswa </h3>
<table border=1 cellpadding=3 cellspacing=3 align=center>
<tr rowspan=3>
<tr bgcolor=red>
<td align=center> NO </td>
<td align=center> NAMA MAHASISWA </td>
<td align=center> NOBP </td>
<td align=center> KELAS </td>
<td align=center> HARAPAN </td>
<td aling=center> KATA MOTIVASI </td>
</tr>
<tr>
<td> A001 </td>
<td> Nur </td>
<td> 1010115263001 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td> AKU PASTI BISA </td>
</tr>
<tr>
<td> <font color=blue> A002 </td>
<td> Qomari </td>
<td> 1010115263002 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td> <font color=red> MALAS ADALAH FAKTOR PENDORONG KEGAGALAN </td>
</tr>
<tr>
<td> A003 </td>
<td> Nur Qomari </td>
<td> 1010115263003 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td> BELAJAR PADA SATU TITIK FOKUS ITU LEBIH BAIK DARI PADA BELAJAR PADA BANYAK TITIK FOKUS </td>
</tr>
<tr>
<td rowspan=2> A004 </td>
<td> Qomari Nur </td>
<td> 1010115263004 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td> PRESTASI TAK DAPAT DIRAIH TANPA SEMANGAT </td>
</tr>
<tr>
<td> Ari </td>
<td> <font color=red> 1010115263005 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td> FOKUS PADA TUJUAN </td>
</tr>
<tr>
<bgcolor=red>
<td> A005 </td>
<td> Budi </td>
<td> 1010115263006 </td>
<td> IF3,4 </td>
<td> TAMAT 3,5 TAHUN </td>
<td bgcolor=red> HIDUPLAH UNTUK MENJADI PRANG YANG BERMANFAAT </td>
</tr>
</table>
</body>
</html>
Contoh tiga :
 |
| Contoh Tabel Sederhana di HTML |
Koding :
<!DOCTYPE html>
<head>
<title> Tugas 07 </title>
</head>
<body>
<table rules=all border=1 align=center width=40%>
<tr align=center>
<tr>
<th rowspan=2 background=bg2.jpg> NO </th>
<th colspan=2 background=bg2.jpg> MAHASISWA </th>
<th rowspan=2 background=bg2.jpg> NILAI </th>
</tr>
<tr>
<th background=bg2.jpg> NIM </th>
<th background=bg2.jpg> NAMA </th>
</tr>
<tr>
<td align=center> 1. </td>
<td> 04102001 </td>
<td> Nur Qomari </td>
<td align=center> B </td>
</tr>
<tr>
<td align=center> 2. </td>
<td> 04102002 </td>
<td> Lukmanul Khakim </td>
<td align=center> A </td>
</tr>
</table>
</body>
</html>
Gambar yang butuhkan :
Komentar
Posting Komentar