iframe内嵌框架
- iframe标签中的常用属性
属性 | 值 | 描述 |
---|---|---|
frameborder | 0、1 | 规定是否显示框架周围的边框 |
name | frame_name | 规定iframe的名称 |
scrolling | yes、no、auto | 规定是否在iframe中显示滚动条 |
src | URL | 规定在iframe中显示的文档的URL |
- iframe语法
<body>
<iframe src="引用页面地址" name="框架标识名"
frameborder="边框" scrolling="yes"/>
</body>
- iframe运用实例
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>海同科技信息技术有限公司</title>
<meta name="author" content="chenhao"/>
<meta name="Description"
content="海同科技是一家集猎头、IT培训和软件外包的综合性公司"/>
<meta name="website" content="http://www.iotek.com.cn"/>
<meta name="keywords" content="猎头,IT培训,外包"/>
</head>
<body>
<iframe name="topFrame" src="http://www.bing.com" width="100%"
height="1000px" frameborder="1" scrolling="no"/>
</iframe>
<p>
<a href="http://www.sina.com.cn" target="topFrame">新浪</a>
<a href="http://www.baidu.com" target="topFrame">百度</a>
</p>
</body>
</html>
## 表格标签的使用
- 表格的基本结构
标签 | 描述 |
---|---|
table | 用于定义表格 |
tr | 定义表格行,该元素只能包含td或者th两种元素 |
td | 定义单元格,包含两个主要的属性: colspan-指定单元格跨多少列,rowspan-指定单元格可横跨的行数 |
caption | 用于定义表格标题 |
th | 定义表格页眉的单元格 |
tbody | 定义表格的主体 |
thead | 定义表格头 |
tfoot | 定义表格脚 |
- 表格标签一般什么情况下使用?
- 主要用于规则的数据显示
- 适当的可以在表单页面中使用
- 使用表格标签进行页面布局的缺点
- 代码量比较大,页面浏览速度比较慢
- 层次结构比较复杂,不易于维护和改版
- 不利于搜索引擎搜索查找数据
强调:要对网页进行布局,推荐使用DIV+CSS,严禁使用表格进行布局页面
- 运用实例:
用代码写一张这样的表格:
代码示例:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>海同科技信息技术有限公司</title>
<meta name="author" content="chenhao"/>
<meta name="Description" content="海同科技是一家集猎头、IT培训和软件外包的综合性公司"/>
<meta name="website" content="http://www.iotek.com.cn"/>
<meta name="keywords" content="猎头,IT培训,外包"/>
</head>
<body>
<table width="50%" height="200px" border="1" bgcolor="#33FF55" cellspacing="0" cellpadding="0px" align="center">
<caption>我喜欢的歌曲</caption>
<thead>
<tr>
<th>歌名</th>
<th>作者</th>
</tr>
</thead>
<tbody>
<tr>
<td>光辉岁月</td>
<td>Beyond</td>
</tr>
<tr>
<td>红豆</td>
<td>王菲</td>
</tr>
<tr>
<td>我只在乎你</td>
<td>邓丽君</td>
</tr>
<tr>
<td>倩女幽魂</td>
<td rowspan="2">张国荣</td>
</tr>
<tr>
<td>有谁共鸣</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2" align="left">现总计5首歌曲</th>
</tr>
</tfoot>
</table>
</body>
</html>
运行结果