<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 :
| ||||||||||||||||||||||||||||||||||||||||||||||||||||
Keterangan
| Nilai | Keterangan |
|---|---|
| 9-10 | A |
| 8-8,9 | B |
| 7-7,9 | C |
| 6-6,9 | D |
0 komentar:
Posting Komentar