HTML -超链接锚点 -表格

it2023-10-13  60

HTML -超链接锚点 -表格

超链接锚点

定义锚点:< a name=“名字”>< /a>

超链接寻找锚点:< a href="#名字">

返回网页顶部: 锚点要定义在上方

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <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 /> <h3>产品1 <a name="p1"></a></h3> <!---定义锚点---> <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" /> <hr /> <a href="#top">返回顶部</a> </body> </html>

表格标签

整体边框< table>< /table>

行标签< tr>< /tr>

表头单元格< th>< /th> 内容 加粗居中

普通单元格< td>< /td>

内容必须写在单元格中

标签属性

border 边框 width 宽度

height 高度

background 背景图片

bgcolor 背景颜色

cellspacing 外边框

cellspading 内边框

colspan 列合并

rowspan 行合并

<table border="1" width="200" height="210" background="img/baidu.ico" bgcolor="antiquewhite" cellspacing="0"> <tr height="100"> <th>name</th> <th>age</th> <th>spect</th> </tr> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" width="400" height="200"> <tr> <td></td> <td></td> <td colspan="2"></td><!---列合并---> </tr> <tr> <td></td> <td rowspan="3"></td><!---行合并---> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
最新回复(0)