• 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 元素内的文本通常是左对齐的普通文本。
    
    
    
    
  • 相关阅读:
    telegraf、influxDB、Grafana的安装与基本使用
    influxdb简单使用
    keepalived 配置文件参数详解
    haproxy acl访问限制IP
    Linux ------清除内存中的cache
    Linux释放内存空间
    火狐添加消息头 Modify Header Value (HTTP Headers)
    maven 安装jar包
    获取mapper
    root of factory hierarchy
  • 原文地址:https://www.cnblogs.com/6bing/p/4257161.html
Copyright © 2020-2023  润新知