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 元素包含一个或多个 thtd 元素。

<td> 标签定义 HTML 表格中的标准单元格,td 元素中的文本一般显示为正常字体且左对齐。
<th> 定义表格内的表头单元格,th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。


原文地址:https://www.cnblogs.com/6bing/p/4257161.html