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

关于HTML的框架标签及内嵌框架

2015-10-10 10:58 477 查看
框架标签的代码示例如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>框架标签</title>
</head>

<!--
框架标记
框架页面上不允许有body标签
frameset: 框架的集合
rows: 纵向分部框架.
cols: 横向分部框架.
写法有两种: 1) 绝对值  "200,*" ,*代表剩余的
2) 相对值  "30%,*"
frame: 框架. 一个框架显示一个页面
scrolling: 是否需要滚动条。默认是滚动的
noresize : 固定框架大小
bordercolor: 给框架边框起一个颜色
name : 给框架起一个名字

-->

<frameset rows = "30%, *" >
<frame src = "04-超链接.html" noresize scrolling = "no" bordercolor = "red" >
<frameset cols = "40%, *">
<frame src = "02-字体标签.html" name = "left">

</frame>
<frame src = "03-图片标签.html" name = "right">

</frame>

</frameset>
</frame>
</frameset>

</html>


框架标签的运行结果如下：



内嵌框架的代码示例如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>内嵌框架</title>
</head>
<body>

<!--
内嵌框架： 嵌入在一个页面上的框架.(仅仅IE支持)
iframe:
属性： width: 宽度
height： 高度
scrolling : 是否需要滚动条
-->
hello guys!
how's everything ?
<iframe src = "04-超链接.html" width = "30%" height = "20%" scrolling = "no"></iframe>

</body>
</html>

内嵌框架的运行结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航