记事本写网页教案6-HTML教案中插入表格
1、用记事本建立一个txt文档,然后另存为.html。具体方法参考经验引用。
通过更改txt文档中的代码,刷新后可以看到在HTML中的变化。
2、最简单的表格,写入如下代码:
--------------------------------------------------------------------------------
<html>
<head>
<title>记事本写网页教案</title>
</head>
<body>
<table border="1">
<tr>
<td>第一行 , 第一列</td>
<td>第一行, 第二列</td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------------
这个表格只有一行,表格边框border为1,数值越大,边框越厚。
3、有两行的表格,代码如下:
--------------------------------------------------------------------------------
<html>
<head>
<title>记事本写网页教案</title>
</head>
<body>
<table border="1">
<tr>
<td>第一行 , 第一列</td>
<td>第一行, 第二列</td>
</tr>
<tr>
<td>第二行 , 第一列</td>
<td>第二行, 第二列</td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------------
标签<tr>代表行,标签<td>代表列。
4、有表头的表格,代码如下:
--------------------------------------------------------------------------------
<html>
<head>
<title>记事本写网页教案</title>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td>第一行 , 第一列</td>
<td>第一行, 第二列</td>
</tr>
<tr>
<td>第二行 , 第一列</td>
<td>第二行, 第二列</td>
</tr>
</table>
</body>
---------------------------------------------------------------------
标签<th>代表表头,会加粗。
5、向表格内添加颜色:
--------------------------------------------------------------------------------
<html>
<head>
<title>记事本写网页教案</title>
</head>
<body>
<table border="1" bgcolor="red">
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td>第一行 , 第一列</td>
<td>第一行, 第二列</td>
</tr>
<tr>
<td>第二行 , 第一列</td>
<td>第二行, 第二列</td>
</tr>
</table>
</body>
---------------------------------------------------------------------
bgcolor="red" 表示表格填充为红色