HTML5 简单的表格制作（1） - 燁市钦

顺晟科技

2022-09-15 21:29:12

103

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>

发表于 2018-08-01 15:52 燁市钦阅读(2132) 评论(0) 编辑收藏举报

上一篇：HTML table、form表单标下一篇：HTML登记表的简单实现

网站建设

Html

HTML5 简单的表格制作（1） - 燁市钦

HTML5 简单的表格制作（1）