超链接定义锚点&表格

it2023-12-16  77

超链接定义锚点

<body> <a name="top"></a> <!-- 超链接跳转到指定的锚点 --> <a href="#p1">产品1</a> <a href="#p2">产品2</a> <a href="#p3">产品3</a> <a href="#p4">产品4</a> <a href="#p5">产品5</a> <hr /> <!-- 定义锚点<a></a> --> <!-- 这里的<h>标签根据所需可以自己选择大小 --> <h6>产品1<a name="p1"></a> </h6> <img src="img/1.png" /> <h3>产品2<a name="p2"></a> </h3> <img src="img/2.png" /> <h3>产品3<a name="p3"></a> </h3> <img src="img/3.png" /> <h3>产品4<a name="p4"></a> </h3> <img src="img/4.png" /> <h3>产品5<a name="p5"></a> </h3> <img src="img/5.png" /> <p align="right" ><a href="#top">返回顶部</a></p> </body>

表格

表格的基本格式

<body> <!-- tr---行,需要几行就创建几个tr标签 th---表头,自动加黑并且居中 td---普通单元格,创建在tr标签之内,同样的这一行需要几个单元格就创建几个td标签 background="图片地址"可以给表格换自己想要的背景图 bgcolor="颜色"也可换自己想要的背景颜色 height="值"在表格中一般放在tr标签里,tr决定表格高度,也可放在table里 width="值"在表格里一般放在th和td标签里,th和td决定表格的宽度,也可放在table里 --> <table border="1" background="img/1.png" width="500" bgcolor="lightpink" cellpadding="10"> <tr height="100" > <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>不详</td> <td>101</td> </tr> </table > </body>

合并单元格

<body> <table border="1"> <!-- colsoan="值"---跨列合并 rowspan="值"---跨行合并 --> <tr> <!-- colspan="2"合并第一行的前两个单元格,删除多余的单元格 --> <td colspan="2">单元格内容</td> <!-- rowspan="2"合并第三列的前两个单元格,删除多余的单元格 --> <td rowspan="2">单元格内容</td> </tr> <tr> <td>单元格内容</td> <td>单元格内容</td> </tr> </table> </body>
最新回复(0)