HTML学习笔记 使用导航框架跳转到指定的地方

HTML学习笔记 使用导航框架跳转到文档指定的地方

在w3school学习HTML的笔记,琢磨了一下此处

https://www.w3school.com.cn/html/html_frames.asp
左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
https://www.w3school.com.cn/tiy/t.asp?f=html_frame_navigation2

另起例子

1.建三个html文档,分别为1.html,2.html,A.html。

1.html:

<html>
<ul>
 <li><h4><a href="A.html#A1" target="show">A1</a> </h4></li>
 <li><h4><a href="A.html#A2"  target="show">A2</a> </h4></li>
 <li><h4><a href="A.html#A3"  target="show">A3</a></h4> </li>
<ul>
</html>

2.html:

<html>
<frameset cols="120,*">
<frame src="1.html" name="list"/>
<frame src="A.html"  name="show">
</feameset>
</html>

A.html:

<html>
<head>
</head>
<body bgcolor="#F0F8FF">
<h1>A</h1>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>

<h2><a name="A1"><p>A1</p></a></h2>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>

<h2><a name="A2"><p>A2</p></a></h2>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>

<h2><a name="A3"><p>A3</p></a></h2>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

效果:
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值