HTML5 簡單的表格制作(1)


 
        


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="3" width="500" bgcolor="aqua" align="center" cellpadding="5" cellspacing="1">
<caption><h3>@@2018學生表@@@@@@</h3></caption>
<tr align="center" bgcolor="white" height="50" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'">
<td>學號</td>
<td>姓名</td>
<td>專業</td>
<td>成績</td>
<td>家庭住址</td>
</tr>
<tr align="center" bgcolor="#faebd7" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='#faebd7'">
<td>201807</td>
<td>柱子</td>
<td>美術</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="center" bgcolor="white" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'">
<td>201807</td>
<td>牙子</td>
<td>音樂</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="center" bgcolor="#faebd7" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='#faebd7'">
<td>201807</td>
<td>二炮</td>
<td>英語</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="center" bgcolor="white" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'">
<td>201807</td>
<td>奇犽</td>
<td>語文</td>
<td>80</td>
<td>&nbsp;</td>
<tr align="center" bgcolor="#faebd7" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='#faebd7'">
<td>201807</td>
<td>薩拉</td>
<td>數學</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="center" bgcolor="white" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'">
<td>201807</td>
<td>煙牙</td>
<td>化學</td>
<td>80</td>
<td>&nbsp;</td>
<tr align="center" bgcolor="#faebd7" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='#faebd7'">
<td>201807</td>
<td>鄧琳</td>
<td>物理</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="center" bgcolor="white" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'">
<td>201807</td>
<td>豆子</td>
<td>體操</td>
<td>80</td>
<td>&nbsp;</td>
</tr>
<tr align="right" bgcolor="#faebd7" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='#faebd7'">
<td colspan ="100">總計:8人,平均分:80分</td>
</tr>
</table>

</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM