1、方法一:
给锚点文本标签添加id,使用<a href="#"></a>来定位,当单击a链接时,就会跳到id为a01的p标签处;
如:
<div><a href="#a01"></a></div>
<p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p>
<p id="a01">练习</p>
这样的定位可以针对任何标签来定位。
2、方法二:
给a标签的文本添加锚点,单击链接可跳到name为a01的a标签处;
如:
<div><a href="#a01"></a></div>
<p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p>
<a name="a01" href=“#”>练习</a>
使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。
3、方法三:
使用js,如:
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料:
类似的html元素用法:
1、超链接对象
超链接是超级链接的简称。如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。
2、动态静态
超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接,例如可以实现将鼠标移动到某个文字链接上。而静态超链接,顾名思义,就是没有动态效果的超链接。
参考资料来源:百度百科-描点
参考资料来源:百度百科-超链接
以下是三种html中设置锚点定位的常见方法:
1、通过id设置锚点定位,这样的定位可以针对任何标签来定位。代码如下
<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<p>
11111111111
</br>
11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>
</p>
</div>
2、通过name设置锚点定位,代码如下:
<a href="#5F">锚点5</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="5F">1111111</href>
3、通过js设置锚点定位,代码如下:
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料:
以下是锚点实现图片轮播的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>锚点轮播</title>
<style type="text/css">
.{
margin: 0;
padding: 0;
}
img{
display: block;
width: 500px;
height: 340px;
}
.box{
width: 500px;
height: 340px;
margin: 60px auto;
position: relative;
}
.btn{
position: absolute;
right: 10px;
bottom: 10px;
}
.btn a{
float: left;
width: 30px;
height: 30px;
background-color: rgba(0,0,0,0.5);
line-height: 30px;
text-decoration: none;
margin-right: 5px;
text-align: center;
color: white;
}
.btn a:hover{
background-color: rgba(0,0,0,1);
}
.list{
width: 500px;
height: 340px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="box">
<div class="btn">
<a href="#img1">1</a>
<a href="#img2">2</a>
<a href="#img3">3</a>
<a href="#img4">4</a>
</div>
<div class="list">
<img src="img/1.jpg" alt="" id="img1" />
<img src="img/2.jpg" alt="" id="img2" />
<img src="img/3.jpg" alt="" id="img3" />
<img src="img/4.jpg" alt="" id="img4" />
</div>
</div>
</body>
</html>
1,使用id定位,这样的定位可以针对任何标签来定位,比如以下代码:
<a href="#1F" name="1F" id="">锚点1</a>
<div name="1F">
<p>
11111111111
</p>
</div>
2,使用name定位,使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用,比如以下代码。
<a href="#5F">锚点5</a>
<a name="5F">1111111</a>
3,使用js定位,比如以下代码
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料:
最常用的HTML标签以及使用:
1,布局标签。
div标签定义文档中的分区或节(division/section),可以把文档分割为独立的、不同的部分,主要用于布局。aside标签的内容可用作文章的侧栏,<span style="color: #ff0000;">html5新增标签</span>。
2,文本标签。
h1-h6标签可定义标题,p标签定义段落,b/strong标签加粗,em标签来表示强调的文本,斜体strong标签表示重要文本,u标签下划线,s标签删除线。
br标签表示回车换行,hr标签表示水平线span标签被用来组合文档中的行内元素,blockquote标签表示块引用。
3,多媒体标签。
<img src="图片地址" alt="替换文本,图片打不开的时候显示" width="图片宽度" height="高度" border="0" /> audio标签定义声音,比如音乐或其他音频流。
<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
参考资料来源:百度百科-锚点
本回答被网友采纳