HTML
超链接锚点
定义锚点:< a name=“名字”> < /a>
超链接寻找锚点:< a href="#名字"> 标题< /a>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a name="top"></a>
<!-- 创建题目标签 -->
<a href="#p1"> 项目一</a>
<a href="#p2"> 项目二</a>
<a href="#p3"> 项目三</a>
<a href="#p4"> 项目四</a>
<a href="#p5"> 项目五</a>
<!-- 自定义名字,定义锚点 -->
<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"/>
<!-- 返回语句顶部与上方项目的语句相反 -->
<a href="#top">返回顶部</a>
</body>
</html>
表格
表格的基本标签属性
<table></table>---表格的整体边框
<tr></tr>---表格中的行
<th></th>---表示表头的单元格,内容加粗且居中
<td></td>---表示普通的单元格
border=""---边框,1或者0
width=""---表格的宽度
height=""---表格的高度
background=""---背景图片
bgcolor=""---单元格背景颜色
cellpadding="10"---内边距
cellspacing="0"---外边距
colspan=""---列合并
rowspan=""---行合并
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<table border="1" width="300"
height="250" background="./img/2.png "
bgcolor="beige" cellpadding="10" cellspacing="0">
<tr>
<th >姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>小一</td>
<td>小二</td>
<td>小三</td>
</tr>
<tr>
<td>小一</td>
<td>小二</td>
<td>小三</td>
</tr>
<tr>
<td>小一</td>
<td>小二</td>
<td>小三</td>
</table>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1" width="400" height="300" >
<tr>
<td ></td>
<td colspan="2" ></td>
</tr>
<tr>
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>