Code scriptnya :
<html>
<head>
<title>Pembuatan Tabel</title>
<style>
table,th,td
{
border:1px solid #339;
}
th
{
height:30px;
background-color: 2px solid #339;
color:white;
}
#table-a
{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
width: 500px;
text-align: center;
border-collapse: collapse;
}
#table-a th
{ font-size: 18px;
font-weight: normal;
padding: 8px;
background: #ccaed0;
border-top: 2px solid #339;
border-bottom: 1px solid #339;
color: #339;
}
#table-a td
{ padding: 10px;
background: #e8edff;
border-bottom: 1px solid #339;
color: #339;
border-top: 1px solid transparent;
}
#table-a tr:hover td
{ background: #ccaed0;
font-size: 30px;
color: blue;
}
</style>
</head>
<body text="purple"bgcolor="olive">
<center><font size="4">Nama : Doni Rizki Anugrah<br></center>
<center>NIM : 1115132106</center>
<br>
<br>
<b>Daftar Nilai</b>
<br>
<br>
<font face="Tempus sans itc">
<table border"5">
<tr>
<td>
<table id="table-a">
<tr>
<td rowspan="2"> NO</td>
<td rowspan="2"> NAMA</td>
<th colspan="4">MATA KULIAH</th>
<td rowspan="2">Rata-rata</td>
<td rowspan="2"> NILAI</td>
</tr>
<tr>
<td>Web Progamming</td>
<td>Networking</td>
<td>Project</td>
<td>Operating System</td>
</tr>
<tr>
<td>1</td>
<td>Dian</td>
<td>7</td>
<td>7.5</td>
<td>6.9</td>
<td>8.5</td>
<td>7,5</td>
<td>C</td>
</tr>
<tr>
<td>2</td>
<td>Dona</td>
<td>8</td>
<td>7,4</td>
<td>8.5</td>
<td>6</td>
<td>7,4</td>
<td>C</td>
</tr>
<tr>
<td>3</td>
<td>Donny</td>
<td>8,7</td>
<td>9,5</td>
<td>9,8</td>
<td>9,3</td>
<td>9,3</td>
<td>A</td>
</tr>
<tr>
<td>4</td>
<td>Dafa</td>
<td>7,9</td>
<td>9</td>
<td>8,7</td>
<td>6,9</td>
<td>8,1</td>
<td>B</td>
</tr>
<tr>
<td>5</td>
<td>Ratu</td>
<td>9.7</td>
<td>8,5</td>
<td>7,9</td>
<td>8</td>
<td>8,5</td>
<td>B</td>
</tr>
</td>
</tr>
</table>
</font>
</table>
<br>
</center>Keterangan</center>
<br>
<table id="table-a">
</caption>
<tr bgcolor="green">
<th>Nilai</th>
<th>Keterangan</th>
</tr>
<tr bgcolor="yellow">
<td>9-10</td>
<td>A</td>
</tr>
<tr bgcolor="red">
<td>8-8,9</td>
<td>B</td>
</tr>
<tr bgcolor="blue">
<td>7-7,9</td>
<td>C</td>
</tr>
<tr bgcolor="blue">
<td>6-6,9</td>
<td>D</td>
</tr>
</table>
</table>
<br>
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">Belajar bahasa progaman web ternyata mudah juga </marquee>
</body>
</html>
Dan Hasilnya akan nampak seperti ini :
Pembuatan Tabel
Nama : Doni Rizki Anugrah
NIM : 1115132106
Daftar Nilai
| NO |
NAMA |
MATA KULIAH |
Rata-rata |
NILAI |
| Web Progamming |
Networking |
Project |
Operating System |
| 1 |
Dian |
7 |
7.5 |
6.9 |
8.5 |
7,5 |
C |
| 2 |
Dona |
8 |
7,4 |
8.5 |
6 |
7,4 |
C |
| 3 |
Donny |
8,7 |
9,5 |
9,8 |
9,3 |
9,3 |
A |
| 4 |
Dafa |
7,9 |
9 |
8,7 |
6,9 |
8,1 |
B |
| 5 |
Ratu |
9.7 |
8,5 |
7,9 |
8 |
8,5 |
B |
|
Keterangan
| Nilai |
Keterangan |
| 9-10 |
A |
| 8-8,9 |
B |
| 7-7,9 |
C |
| 6-6,9 |
D |
