您的位置：首页 > Web前端 > HTML

HTML学习笔记（十一）内联框架

2016-04-02 10:00 417 查看
内联框架<iframe>：
用于在网页内显示网页。

基本结构：

<span style="font-family:Times New Roman;"><html>
<body>
<iframe src="xxxxx.xxx" width="xx" height="xx"></iframe>
</body>
</html></span>


height 和 width 属性用于规定高度和宽度。默认单位是像素，也可用百分比来设定。
小小栗子：

<html>
<body>
<iframe src="http://img.my.csdn.net/uploads/201603/29/1459237428_4526.gif-thumb.jpg"width="360"height="260">
</iframe>
</body>
</html>



Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 移除边框：frameborder="0"




使用 iframe 作为链接的目标

iframe 可用作链接的目标（target）。

链接的 target 属性必须引用 iframe 的 name 属性：

参照模型：
<iframe src="xxxx.xxx" [code]name="iframeTest"
></iframe>
<p><a href="http://www.xxx.com.cn" target="iframeTest">连接到...</a></p>[/code]
小小栗子：

<html>
<body>
<iframe src="http://img.my.csdn.net/uploads/201603/29/1459237428_4526.gif-thumb.jpg"width="360"height="260"name="Naruto">
</iframe>
<p><a href="http://www.narutom.com/" target="Naruto">你懂的...</a></p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航