html 的次日 table的其余属性以及frameset

时间 2019-11-24

标签 html 次日 table 其余属性以及 frameset 栏目 HTML 繁體版

原文原文链接

• <meta>：用于设置一些头信息html

• <meta hgp-‐equiv="content-‐Type" content="text/html; charset=UTF-‐8">java

• 设定页面使用的字符集api

• <meta name ="keywords" content="java,java培训"/>浏览器

• 告诉搜索引擎你网页的关键字缓存

• <meta name="descripeon" content="网页描述"/>框架

• 告诉搜索引擎你的网站主要内容xss

• <meta hgp-‐equiv="pragma" content="no-‐cache">ide

• 禁止浏览器从本地计算机的缓存中访问页面内容网站

• <meta hgp-‐equiv="refresh" content="2;URL=hgp://www.google.com">

• 自动刷新并指向新页面。

•  <div> 块元素

• 用来在页面上定义一个区域，在这个区域内能够包含任何的HTML元素。

•  <span>行内元素(也叫内嵌元素)

• 用来在同一行文本内选取一个片段。

• 它对选取的文本没有任何影响，只能借助于CSS或JavaScript来对<span>元素进行处理。

• <span></span>中不能嵌套其余的封装级元素。

表格的其它标签

• <th>标签用来设置表格的标题列。

• 显示效果是黑体居中文字。

• <capeon>标签用来设置表格的标题或题目。

• 水平区域标记

• <thead>…</thead>

• 头部分

• <tbody>…</tbody>

• 主体部分

• <tfoot>…</tfoot>

• 脚注部分

框架

 要在单个应用窗口中显示一个以上的网页，就可使用框架。

• <frameset>框架集：被划分红若干帧(frame)的窗口区域。

• <frameset>不能嵌套在<body>标签内。

• <frameset>的属性：

• cols属性：设定主文档中有几列窗口及各个窗口的大小。

• rows属性：设定主文档中有几行窗口及各个窗口的大小。

• 取值能够是多个百分数、绝对像素值或星号(*)。取值的个数说明了列和行的个数，值之间用逗号隔开。

• frameborder：设定是否显示边框。

• 其值只有0和1，0表示不显示边框，1 表示要显示边框。

• border属性：指定边框的大小。

• bordercolor ：设定边框颜色

• <frame>标签放在<frameset>内，用来定义某一个具体的帧窗口。

• 属性

• src:　指定这个帧窗口中初始装载的网页文件的URL地址。

• name：指定帧窗口的名字。

• noresize="noresize"：设置禁止调整帧窗口的大小。

• scrolling：设定是否要显示滚动条。yes、no、auto

noframes标签

<noframes></noframes>用来在那些不支持帧的浏览器中显示文本或图片信息

iframe标签

• <iframe>不须要放在<frameset>标签对之间。

• 属性：

• src：文件的路径

• name：帧窗口的名字

• width：帧窗口的宽度。

• height ：帧窗口的高度。

• scrolling：是否显示滚动条。no、yes、auto 　

• frameborder：设定是否显示边框。

• 其值只有0和1，0表示不显示边框，1 表示要显示边框。

<html>
	<head>
		
	</head>
	<body>
		<table border=1>
				<caption>表格的标题列或题目</caption>
				<th>表格的标题列</th>
				<th>表格的标题列</th>
				<th>表格的标题列</th>
				<thead>
					<tr>
						<td>头部分</td>
						<td>头部分</td>
						<td>头部分</td>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>主题部分</td>
						<td>主题部分</td>
						<td>主题部分</td>
					</tr>
				</tbody>
				
				<tfoot>
					<tr>
						<td>脚注部分</td>
						<td>脚注部分</td>
						<td>脚注部分</td>
					</tr>
				</tfoot>
		</table>
	</body>
</html>

<html>
	<head>
		<style type="text/css">
			.bg{background-color:6dcff6;
				};
			p {
				font-size:20px;
				font-family:"黑体"；
				text-align:left;
				}
			.div{
					width:200px;
					height:300px;
					position:top;
				}
			.ol{
					list-style-image:url(ico.png);
					list-style-position:inside;
				}
			.ul{
					list-style-type:lower-alpha;
					list-style-position:inside;
				}
			text{
					vertical-align:middle;
					text-align:center;
					text-decoration:overline;
					text-transform:capitalize;
					text-indent:2;
					line-height:5px;
					word-spacing:4px;
					letter-spacing:4px;
					word-wrap:break-word;
					word-break:normal;
				}
		</style>
	</head>
	<body class=bg>
			<p>slslsl</p><br/>
			<div class=div>
				fdddxss
			</div>
			<div class=div>
				fdddxss
			</div>
			<ol class=ol>
				<li>填写信息</li>
				<li>收电子邮件</li>
				<li>注册成功</li>
			</ol>
			<ul class=ul>
				<li>填写信息</li>
				<li>收电子邮件</li>
				<li>注册成功</li>
			</ul>
			<div class=div>
				<text>I am from china!</text>
			</div>
	</body>	
</html>

<html>
	<head>
		<style type="text/css">
			.bg{background-color:6dcff6;
				  background-image:url(b.jpg); 
				  background-repeat:repeat-x;
				  background-attachment:fixed;
				  background-position:left};
			p {
				font-size:20px;
				font-family:"黑体"；
				text-align:left;
				}
			.div{
					width:200px;
					height:300px;
					position:top;
				}
			.ol{
					list-style-image:url(ico.png);
					list-style-position:inside;
				}
			.ul{
					list-style-type:lower-alpha;
					list-style-position:inside;
				}
			text{
					vertical-align:middle;
					text-align:center;
					text-decoration:overline;
					text-transform:capitalize;
					text-indent:2;
					line-height:5px;
					word-spacing:4px;
					letter-spacing:4px;
					word-wrap:break-word;
					word-break:normal;
				}
		</style>
	</head>
	<body class=bg>
			<p>slslsl</p><br/>
			<div class=div>
				fdddxss
			</div>
			<div class=div>
				fdddxss
			</div>
			<ol class=ol>
				<li>填写信息</li>
				<li>收电子邮件</li>
				<li>注册成功</li>
			</ol>
			<ul class=ul>
				<li>填写信息</li>
				<li>收电子邮件</li>
				<li>注册成功</li>
			</ul>
			<div class=div>
				<text>I am from china!</text>
			</div>
	</body>	
</html>

<html>
	<head>
	</head>
	<frameset rows="13%,80%,7%">
		<frame src="UntitledFrame-1" name="top">
		<frameset cols="25%,*">
			<frame name="left" src="left.html"></frame>
			<frame name="right" src="right.html"></frame>
		</frameset>
		<frame name="bottom" src="bottom.html"></frame>
	</frameset><noframes></noframes>
</html>

<html>
	<head>
	</head>
	<body>
		<p><a href="http://www.baidu.cn" target="right">百度</a></p>
		<a href="http://www.google.cn" target="right">谷歌</a>
	</body>
</html>

html 的次日 table的其余属性 以及frameset

html 的次日 table的其余属性以及frameset