01 HTML快速入门3

最新推荐文章于 2024-08-17 13:31:03 发布

YY大数据

最新推荐文章于 2024-08-17 13:31:03 发布

阅读量124

点赞数

分类专栏： HTML快速入门文章标签： html

本文链接：https://blog.csdn.net/weixin_40737011/article/details/106614467

版权

HTML快速入门专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<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>

运行结果

YY大数据

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
01 HTML快速入门3

iframe内嵌框架iframe标签中的常用属性属性值描述frameborder0、1规定是否显示框架周围的边框nameframe_name规定iframe的名称scrollingyes、no、auto规定是否在iframe中显示滚动条srcURL规定在iframe中显示的文档的URLiframe语法<body> <iframe src="引用页面地址" name="框架标识名" frameborder="边框
复制链接

扫一扫

专栏目录