HTML定义及标签简单理解2(超链接锚点,表格标签)

最新推荐文章于 2024-09-12 18:22:06 发布

原来她是猫

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量529

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/qq_45866940/article/details/109197626

版权

本文介绍了HTML中的超链接锚点，用于快速定位网页内容，以及如何使用表格标签创建简历表格和财务报表，包括一个具体的水果表实例。

摘要由CSDN通过智能技术生成

1.超链接锚点

我们在浏览网页时,为了提高信息的检索速度,会用到HTML语言中的一种特殊链接——锚点链接.通过创建锚点链接,用户可以快速定位到目标内容.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 返回顶部(反向使用锚点)
		 <a name="top"></a>
		 <a href="#top">返回顶部</a>-->
		<a name="top"></a>
		<!-- 超链接跳转转到指定锚点
		<a href="#id名">链接文本</a>
		定义锚点
		<a name="id名"></a>
		-->
		<a href="#p1">颜色1</a>
		<a href="#p2">颜色2</a>
		<a href="#p3">颜色3<a name="tt"></a></a>
		
		<a href="#p4">颜色4</a>
		<a href="#p5">颜色5</a>
		<hr />
		
		<h3>红色<a name="p1"></a></h3>
		<img src="img/nike/1.png" />
		<h3>蓝色<a name="p2"></a></h3>
		<img src="img/nike/2.png" />
		<h3>紫色<a name="p3"><a href="#tt">返回</a></a></h3>
		<img src="img/nike/3.png" />
		<h3>绿色<a name="p4"></a></h3>
		<img src="img/nike/4.png" />
		<h3>棕色<a name="p5"></a></h3>
		<img src="img/nike/5.png" />
		<p align="right"><a href="#top">返回顶部</a></p>
	</body>
</html>

2.表格标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 表格标签
		     table 表格区域
			       width="" height=""设置表格整体宽高
				   background=""背景照片
			 tr 表格行
			 td 简单单元格
			 th 表头,也是单元格,内容会加粗居中
			 同时需明白表格内容必须写表格中
		 -->
		<table  border="1" cellspacing="0" height="100"  cellpadding="20">
			<!-- align="center" 控制水平对齐方式 left center right 
			     valign="top" 控制垂直方向对齐方式 top middle bottom-->
			<tr align="center">
				<td background="img/baidu.ico">姓名</td&

最低0.47元/天解锁文章

原来她是猫

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
HTML定义及标签简单理解2(超链接锚点,表格标签)

1.超链接锚点我们在浏览网页时,为了提高信息的检索速度,会用到HTML语言中的一种特殊链接——锚点链接.通过创建锚点链接,用户可以快速定位到目标内容.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 返回顶部(反向使用锚点) <a name="to
复制链接

扫一扫