HTML超链接和内联框架

1 超链接标签

<!-- 
		a标签的属性
			href:略
			target:
				_blank,在新页打开页面
				_self,在当前窗口跳转到页面
			
		 -->
		 <a href="FirstPage.html" target="_blank" name="id">新页面打开窗口</a><br />
		 <a href="FirstPage.html" target="_self" name="id1">当前页面打开窗口</a>
		 <hr />
		 <!-- 
		 锚链接
			在a标签中使用name属性建立锚点:<a name="top"></a>
			然后在另外的a标签中使用#+锚点名定位到锚点
			
		  -->
		  <div><img src="img/greenmark.jpg" alt=""></div>
		  <div><img src="img/greenmark.jpg" alt=""></div>
		  <div><img src="img/greenmark.jpg" alt=""></div>
		  <div><img src="img/greenmark.jpg" alt=""></div>
		  <div><img src="img/greenmark.jpg" alt=""></div>
		 
		  <a href="#id1">回到当前页面打开窗口</a><br />
                  <a href="FirstPage.html#down" target="_blank">回到firstpage的down</a><br />  
                  <!--
                    这里的down是另外一个html的a元素的name属性值
                    <a name="down">down</a>
                  -->
		  <!-- 
			功能性链接标签
				邮件链接:mailto:
		   -->
		<a href="mailto:2743338099@qq.com">点击联系我</a>

2 iframe内联框架

<!-- 
B站视频的分享下复制过来的,不过该内容被B站禁止访问了
<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" 
		scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> 
		</iframe> -->
<!-- 
	在iframe里添加name属性,然后在a标签里的target属性里加上那个name属性值:a标签要跳转的网页内容出现在iframe里
-->
		<iframe src="" width="1000px" height="1000px" name="hello"></iframe>

		<a href="https://music.163.com/" target="hello">点击跳转到网易云</a>
posted @ 2021-11-09 13:41  让时间变成力量  阅读(114)  评论(0)    收藏  举报