H5学习之12 iframe标签---内联框架

最新推荐文章于 2024-05-13 13:33:11 发布

GOGOGOAAAA

最新推荐文章于 2024-05-13 13:33:11 发布

阅读量1.6k

点赞数

分类专栏： h5 文章标签： html5 iframe

本文链接：https://blog.csdn.net/qq_29469941/article/details/52080072

版权

h5 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body bgcolor="#ffe4c4" text="red">


<br/>
<iframe src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0"></iframe>
<!--在界面里显示其他网页 src规定位置，也可以是本地的一个html文件，然后设置长度宽度，frameborder是是否有边框-->


<iframe src="" width="800" height="600" frameborder="1" name="aaa"></iframe>
<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="aaa">点击此处在上方右侧显示百度主页</a></p>
<!--这个是通过点击链接来在一定区域显示一个网页或者本地上的html文件，iframe要有name属性，a要有target属性-->

<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="_blank">aaa</a></p>
<!--a标签的target属性，可以定义打开位置
    target="_blank" 可以在新窗口打开链接， 不设置的话就在原网页打开

    然后还可以通过 在head标签里写一个base标签，他的target属性可以设置本页全部标签用新的窗口打开，除非是有的a标签单独设置了target属性
    <base target="_blank"/>
    -->
</body>
</html>

具体效果如下：

解释如下：

页面左边是一个直接打开的内联框架，打开了百度主页。

<iframe src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0"></iframe>
<!--在界面里显示其他网页 src规定位置，也可以是本地的一个html文件，然后设置长度宽度，frameborder是是否有边框-->

右边也是一个内联框架，只不过没有打开任何网址。但是可以通过点击某处来打开网址。

<iframe src="" width="800" height="600" frameborder="1" name="aaa"></iframe>
<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="aaa">点击此处在上方右侧显示百度主页</a></p>
<!--这个是通过点击链接来在一定区域显示一个网页或者本地上的html文件，iframe要有name属性，a要有target属性-->

可以看到，iframe设置name属性，a设置target属性，属性值一样，即可将两者建立连接。

还有最下处的一个超链接

<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="_blank">aaa</a></p>
<!--a标签的target属性，可以定义打开位置
    target="_blank" 可以在新窗口打开链接， 不设置的话就在原网页打开

    然后还可以通过 在head标签里写一个base标签，他的target属性可以设置本页全部标签用新的窗口打开，除非是有的a标签单独设置了target属性
    <base target="_blank"/>
    -->

关于超链接的一个操作

GOGOGOAAAA

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5学习之12 iframe标签---内联框架

html>lang="en"> charset="UTF-8"> bgcolor="#ffe4c4" text="red">src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0">在界面里显示其他网页 src规定位置，也可以是本地的一个htm
复制链接

扫一扫

专栏目录