全国服务热线:4008-888-888

技术知识

浅谈Table 和 div ☏的介绍及使用方法

 Web前端开发1

学籍号

名字

性別

年纪

01

张三

20

02

李四

21

总数累计

60

报表的构成一部分:

    题目 表头 行为主体 表尾

Table 界定一个报表

<table border="1" cellspacing="0" cellpadding="0" align="center">
</table>

Caption 界定报表的题目

<caption>web前/caption>端1<

Thead 界定表头的一部分

<thead>
				<tr>
					<th>学籍号</th>
					<th>名字</th>
					<th>性別</th>
					<th>年纪</th>
				</tr>
			</thead>

Tbody 界定报表的行为主体

<tbody>
				<tr>
					<td>01</td>
					<td>张三</td>
					<td>男</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>李四</td>
					<td>女</td>
					<td>21</td>
				</tr>
				<tfoot>
					<tr>
						<td colspan="3">总数累计:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot 界定表尾,一般来显示信息归纳信息内容

<tfoot>
					<tr>
						<td colspan="3">总数累计:</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr 界定一行

<tr>
					<th>学籍号</th>
					<th>名字</th>
					<th>性別</th>
					<th>年纪</th>
				</tr>

Th td 界定数据信息项(模块格) th 一般用以表头,能加粗的款式

                                             Td 一般用以行为主体一部分,沒有字体加粗款式

<tr>
					<td>01</td>
					<td>张三</td>
					<td>男</td>
					<td>20</td>
				</tr>

Td rowspan 和 colspan 各自界定模块格转账的行数,跨列的列数

<td colspan="3">总数累计:</td>

Cellspacing 界定报表的间隔

Cellpadding 界定报表的行高

<table border="1" cellspacing="0" cellpadding="10">

Div 界定一个分层 (division)

<div style="width: 200px;height: 200px;background-color:skyblue";>

特性:在新的一行显示信息  块级标识

块级标识 与 内行人标识的差别:

块级标识占满行  内行人标识会依照次序从左往右先后排序

块级标识:h1-h6  p  ul  ol  li  div table  dl  form

内行人标识:span  a  br lable  I  em

块级原素的特性:display:block

  • 每一个块全是重新的一行刚开始,后边的原素会另起一行
  • 原素的总宽、高宽比、行高、內外行高全是可设定的
  • 假如不设定原素的总宽,是他父器皿的100%,除非是你给他们设置高宽比

内行人原素的特性:display:inline

  • 和别的的原素都会一行上
  • 不可以设定原素的总宽,高宽比,行高,內外行高
  • 原素的总宽是他包括文本或照片的总宽,不可以更改

内行人块原素的特性:display:inline-block

  • 和别的的原素都会一行上
  • 总宽,高宽比,行高,內外行高都可以以设定的

小结

到此这篇有关浅谈Table 和 div 的介绍及使用方法的文章内容就详细介绍到这了,大量有关Table 和 div 的介绍及应用內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服