前端第一阶段-06(HTML的标签之iframe标签和a标签跳转)

本文介绍了HTML中的iframe标签用于嵌入其他HTML文档,包括内部和外部链接的使用,并探讨了a标签的跳转功能,包括内部页面元素跳转和外部网址跳转的示例。
摘要由CSDN通过智能技术生成

iframe标签

iframe 标签用来在当前 HTML 文档中嵌入另一个HTML的文档

iframe标签链接的地址可以是内部链接和外部链接

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- iframe嵌套网页 -->
    <iframe src="http://www.baidu.com" frameborder="0"></iframe><br>
    <iframe src="./audio.html" frameborder="0"></iframe>
</body>
</html>

效果:

注意:这里的百度就拒绝连接,因为一般大公司都会屏蔽iframe标签,非常的不安全

a标签跳转 

a标签的属性
属性 说明
href

跳转的链接

href="链接地址"

target

跳转的方式

target:_self | _brank | _parent | _top | # | #id名;

内部跳转,href的属性值为:#id名,eg:#content-one

外部跳转,href的属性值为需要跳转到地址

内部跳转

点击“返回第一段”就跳转到id="content-one"这段

点击“返回第二段”就跳转到id="content-two"这段

点击“返回第三段”就跳转到id="content-three"这段</

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值