关于表格、HTML框架

最新推荐文章于 2023-03-24 17:44:49 发布

半夜删你代码·

最新推荐文章于 2023-03-24 17:44:49 发布

阅读量128

点赞数 1

本文链接：https://blog.csdn.net/m0_60376759/article/details/118975153

版权

本文详细解读了HTML中表格的使用，包括<caption>标题设置、<th>表头与<td>数据单元格的嵌套，以及对齐、间距和边框等属性。同时介绍了框架结构，如<frameset>的使用，划分浏览器窗口并加载多个页面的方法。

摘要由CSDN通过智能技术生成

关于表格

<caption>属性的插入位置，位于<table>属性之后，<tr>表格行之前，一般用于添加表格标题

<th>表头标记，通常位于首行或首列，<th>中的文字默认加粗

<td>是数据标记，显示该单元格的具体数据

<th>、<td>必须嵌套在<tr>标签内

表格中的对齐方式用align属性：left/center/right..

cellspacing属性：定义单元格之间的距离

cellpadding属性：单元格内容与边框之间的距离

frame属性：控制表格边框最外层的四条框线

rules属性：控制是否显示以及如何显示单元格之间的分割线

<caption>使用align属性，显示标题位于表格的哪一位置

属性：bgcolor：单元格背景

align：单元格对齐方式

valign：单元格垂直对齐方式

rowspan：设置单元格所占行数

colspan：设置单元格所占列数

border-collapse: collapse; 合并相邻的边框

<table width="600" height="350" border="1px" align="center" cellspacing="0">
	<caption>表格的标题</caption>
		<tr>
			<th rowspan="2">姓名</th>
			<th>年龄</th>
			<th>性别</th>
		</tr>
		<tr align="center">
			<td>小明</td>
			<td>18</td>
			<td>男</td>
		</tr>
		<tr align="center">
			<td>小红</td>
			<td>17</td>
			<td>女</td>
		</tr>
		<tr align="center">
			<td>小华</td>
			<td>18</td>
			<td>女</td>
		</tr>
</table>

HTML框架

框架将浏览器划分程不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果。

语法格式：<frameset></frameset>

cols：使用“像素数”和%分割左右窗口，*表示剩余部分

rows：使用“像素数”和%分割上下窗口

frameborder：指定是否显示边框，0不显示，1显示

border：设置边框大小，默认5像素

<frame/>子窗口标记，<frameset>设置几个窗口，就对应几个<frame/>，而且必须使用src属性指定一个网页

name ：框架名称，是链接标记的参数名称

noresize：表示不能调整框架大小

scrolling：是否需要滚动条

<head>
	<meta charset="utf-8">
	<title></title>
</head>
<frameset rows="100,*,100" frameborder="1" border="1px">
	<frame name="top" src="demo1.html" scrolling="auto"/>
		<frameset cols="70%,30%" >
			<frame name="left" src="left.html" noresize="noresize" />
			<frame name="right" src="right.html"/>
		</frameset>
	<frame name="bottom" src="demo.html"/>
</frameset>