记事本写网页教案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" 表示表格填充为红色