HTML5常见的基础标签（7）你所不知道的ifram

HTML5常见的基础标签（7）你所不知道的iframe和frameset

.活动框架 iframe

1. 活动框架iframe,这个框架可以内联或包含另外一个网页文档

语法结构：<iframe></iframe>

实例：

<tr height="100"><td colspan="2">高新区软件园C区食堂管理系统</td></tr>

<ul>

</ul>

</td>

你的浏览器不支持，请升级或更新浏览器

</iframe>

</td>

</tr>

</table>

常用属性：

frameborder:是否显示框架的边框 0：不显示，1：显示

Scrolling:是否显示滚动条

Yes：显示

No:不显示

Auto:自动处理

2. 框架集 frameset

属性rows表示分成几行，一般用“，”隔开。

属性cols表示分成几列，一般用“，”隔开。

使用fameset标签，不再需要body元素

主框架页面：

</frameset>

navlist.html页面：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

</ul>

</body>

</html>

实例1：代码结构

实例1：界面

每个页面都是一个独立的HTML文档，每个HTML文档的主体结构又都是相同的，而且在一个文档中这样的主体结构只能声明一次。可以简单的将HTML文档主体结构分为两部分，一部分是定义文档类型，HTML5中声明文档类型可比以前的版本简单多了，只需要15个字符就可以搞定。另一部分则是定义文档主体的结构框架标签，因为标签并不是任意排放的，需要有一定的嵌套规则。就像一颗树是从树根到树干、树枝、树叶这样的结构生长，而不能在树叶上长出树根来，HTML文档的结构也是如此，整个文档是一个整体，最外层标签只有一个，第二层标签有两个，是这样固定的结构，第三层以后可以任意嵌套，就像一颗倒立的树形结构。如图所示：

图 HTML文档的树状结构

：HTML 基本结构
<html> 标记放在 HTML 文件的开头，是一个形式上的标记；
<body> 标记称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重要所在；
<head> 标记称为头标记，起的作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等；
<title> 标记称为标题标记，起的作用是设定网页标题；

2:开发中常用的标签
<b>文字以粗体方式显示</b>
<i>文字以斜体方式显示</i>
<u>文字以加下划线方式显示</u>
<s>文字以加下删除方式显示</s>
<big>文字以放大方式显示</big>
<small>文字以缩小方式显示</small>
<strong>文字以加强强调方式显示</strong>
<em>文字以强调方式显示</em>
<address>地址标签：xxxxxx@一只快乐的小码农.com</address>
<code>代码块</code>
align 属性控制段落的水平位置
bgcolor 属性设置背景颜色
无序列表 ul
有序列表 ol
2.1 段落标签<p>
2.2 换行标签<br>
2.3 标题标签<h1>~<h6>
2.4 文字居中标签<center>
2.5 文字段落缩进标签<blockquote>
<img src="">网页中嵌入图片（height+weigth属性调整图片大小）
<form action="" method="">表单提交
<align="">对齐方式-left+right+center...
<div></div>-设置块级元素
type="radio"-单选框
type="checkbox"-复选框
<select><option></option><select>-下拉菜单

基本符号代码转化

3：用 HTML 建立超链接
3-1框架之间的链接
3-1-1：//frameset框架标签中用rows属性将窗口分为上中下三部分
<frameset rows="30%,10%,*">
<frame>
<frame>
<frame>
</frameset>
3-1-2：//用src属性在框架中插入网页
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frameset rows="50%,*">
<frame src="b.html">
<frame src="c.html">
</frameset>
</frameset>
</html>
3-1-3//框架之间建立链接
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frame name="main">
</frameset>
</html>
4：下一节我们讲css和js

在线咨询

上一篇：css设置div只显示某一边的边框
下一篇：谨防“山寨证书”！人社部公布这些证书查询网站

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML5常见的基础标签（7）你所不知道的ifram

.活动框架 iframe

2. 框架集 frameset

您的项目需求