HTML 之 表格
创建一个表格:
1 <Html> 2 <Head> 3 <Title>课程表</Title> 4 </Head> 5 6 <Body> 7 <Center> //居中 8 <Table Border=12 CellSpacing=1 CellPadding=8> 9 <Caption>课程表</Caption> 10 <Tr> 11 <Th>节次</Th> 12 <Th>星期一</Th> 13 <Th>星期二</Th> 14 <Th>星期三</Th> 15 <Th>星期四</Th> 16 <Th>星期五</Th> 17 </Tr> 18 19 <Tr> 20 <Td>1、2</Td> 21 <Td>专业英语</Td> 22 <Td>操作系统</Td> 23 <Td>网络基础</Td> 24 <Td>专业英语</Td> 25 <Td>数据库</Td> 26 </Tr> 27 28 <Tr> 29 <Td>3、4</Td> 30 <Td>Java程序设计</Td> 31 <Td>数据库</Td> 32 <Td>实验</Td> 33 <Td>Java程序设计</Td> 34 <td>操作系统</Td> 35 </Tr> 36 37 <Tr> 38 <Td>5、6</Td> 39 <Td>网络基础</Td> 40 <Td>实验</Td> 41 <Td>实验</Td> 42 <Td>实验</Td> 43 <Td>数据库原理</Td> 44 </Tr> 45 </Table> 46 </Center> 47 </Body> 48 </Html>
注:
第8行: <Table Border=12 CellSpacing=1 CellPadding=8>
(1)border 属性规定规定围绕表格的边框的宽度。
border 属性会为每个单元格应用边框,并用边框围绕表格。如果 border 属性的值发生改变,
那么只有表格周围边框的尺寸会发生变化。表格内部的边框则是 1 像素宽。
提示:设置 border="0",可以显示没有边框的表格。
(2) cellspacing 属性规定单元格之间的空间。
注释:请勿将该属性与 cellpadding 属性相混淆,cellpadding 属性规定的是单元边沿与单元内容之间的空间。
(3)cellpadding 属性规定单元边沿与其内容之间的空白。
注释:请勿将该属性与 cellspacing 属性相混淆,cellspacing 属性规定的是单元之间的空间。
从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加内边距。
第9行 <Caption>课程表</Caption>
caption 元素定义表格标题。
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
第10行 <Tr> <th> <td>
<tr> 标签定义 HTML 表格中的行。
HTML 表格有两类单元格:
1. 表头单元 - 包含头部信息(由 th 元素创建)
2. 标准单元 - 包含数据(由 td 元素创建)
tr 元素包含一个或多个 th 或 td 元素。
<td> 标签定义 HTML 表格中的标准单元格,td 元素中的文本一般显示为正常字体且左对齐。
<th> 定义表格内的表头单元格,th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
每天训练发现我比别人做的好慢,但是理解的更深刻,如果一开始学一个新知识点就搜模板,那么这样的人是走不远的,毕业之后带走的只有思维,什么荣誉,奖杯都已经不重要了。