表格文件中,在题头部分可以定义边框,例如:
<head>
<meta charset="UTF-8">
<title></title>
<style>
table {
border: 1px solid blue;
border-spacing: 1px;
border-collapse: collapse;
}
th,td {
border: 1px solid blue;
}
</style>
</head>
划线部分是我们定义的边框属性,border-spacing就是边框空隙,蓝线之间有一点小空隙。
<body>
<table>
<tr><th>序号</th>
<th>性</th>
<th>名</th>
<th>地区</th>
<th>电话号码</th>
</tr>
<tr>
<td>1</td>
<td>李</td>
<td>华</td>
<td>郑州市</td>
<td>666</td>
</tr>
<tr>
<td>2</td>
<td>王</td>
<td>华</td>
<td>新乡市</td>
<td>555</td>
</tr>
<tr>
<td>3</td>
<td>刘</td>
<td>华</td>
<td>开封市</td>
<td>444</td>
</tr>
<tr>
<td>2</td>
<td>孙</td>
<td>华</td>
<td>安阳市</td>
<td>333</td>
</tr>
<tr>
<td>2</td>
<td>可</td>
<td>华</td>
<td>平顶山市</td>
<td>222</td>
</tr>
</table>
</body></html>
红色字符表示的是每一行的表格即:一行。而下划线的部分主要是<th></th>和<td></td>形式,指的是一行中的一小格,<th></th>是表头信息,<td></td>是填表格中信息的。
感悟:老师很热情,助教很亲切。风趣幽默的教学方式让我受益匪浅。每次学的也不多,好记,不过很容易忘,不多加练习的话。还得多花课下时间练习,总的来说记得不算多,记得就清了。