记事本写网页教案6-HTML教案中插入表格

2025-10-23 17:19:48

1、用记事本建立一个txt文档,然后另存为.html。具体方法参考经验引用。

通过更改txt文档中的代码,刷新后可以看到在HTML中的变化。

记事本写网页教案6-HTML教案中插入表格

记事本写网页教案6-HTML教案中插入表格

2、最简单的表格,写入如下代码:

--------------------------------------------------------------------------------

<html>  

<head> 

<title>记事本写网页教案</title>

</head>   

<body>  

<table border="1">

<tr>

<td>第一行 , 第一列</td>

<td>第一行, 第二列</td>

</tr>

</table>

</body> 

</html> 

---------------------------------------------------------------------

这个表格只有一行,表格边框border为1,数值越大,边框越厚。

记事本写网页教案6-HTML教案中插入表格

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>代表列。

记事本写网页教案6-HTML教案中插入表格

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>代表表头,会加粗。

记事本写网页教案6-HTML教案中插入表格

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" 表示表格填充为红色

记事本写网页教案6-HTML教案中插入表格

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢