博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML表格
阅读量:4974 次
发布时间:2019-06-12

本文共 1589 字,大约阅读时间需要 5 分钟。

一、表格的标准结构

  
    
      
      
    
  
  
    
      
      
    
  
  
    
      
      
     
  
  • <table>...</table>标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。
  • caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
  • <thead></thead>:用于定义表格的头部,必须位于<table></table>标记中,一般包含网页的logo和导航等头部信息。
  • <tbody></tbody>:用于定义表格的主体,位于<table></table>标记中<tfoot></ tfoot >标记之后,一般包含网页中除头部和底部之外的其他内容。
  • <tfoot></ tfoot >:用于定义表格的页脚,位于<table></table>标记中<thead></thead>标记之后,一般包含网页底部的企业信息等。
  • <tr> 表格行用<tr>标签定义,由单元格构成。多个行结合在一起就构成一个表格,这反映在用于创建表格的HTML语法中。表格的每一行都用<tr>标签表示,并用相应的</tr> 结束
  • <td> 表格的每一行又有若干表格单元格,用<td>...</td>标签表示。TD是"表格数据( Table Data)”的英文缩写。<td>标签定义一个列,嵌套于<tr>标签内。 border属性是最常用的属性,可用于定义表格的单元格和结构。该属性指定边框的厚度,如果其值设置为零(0),则不显示边框。
  • <th>标记及其属性 表头一般位于表格的第一行或第一列,其文本加粗居中。设置表头非常简单,只需用表头标记<th></th>替代相应的单元格标记<td></td>即可。

二、属性:写在table开始标签内

  • Border=”1”   边框
  • Width=”500”  宽度
  • Height=”300” 高
  • cellspacing=”2”    单元格与单元格的距离
  • cellpadding=”2”    内容距边框的距离
  • align=”left  |  right  |  center”  
  • 如果直接给表格用align=”center”  表格居中
  • 如果给tr或者td使用   ,tr或者td内容居中。
  • bgcolor=”red”    背景颜色。

三、单元格合并

  • colspan=”2”  合并同一行上的单元格
  • rowspan=”2”  合并同一列上的单元格

四、制作细线表格(拓展)

 

转载于:https://www.cnblogs.com/EricZLin/p/8605611.html

你可能感兴趣的文章
设计类图
查看>>
类对象
查看>>
[Voice communications] 声音的滤波
查看>>
SQL语言之概述(一)
查看>>
软件建模——第9章 毕业论文管理系统—面向对象方法
查看>>
[SDOI2008]洞穴勘测
查看>>
Difference between Linearizability and Serializability
查看>>
IDEA使用操作文档
查看>>
UIView
查看>>
添加日期选择控件
查看>>
bzoj4765: 普通计算姬 (分块 && BIT)
查看>>
看完漫画秒懂区块链
查看>>
Oracle命令类别
查看>>
stc12c5a60s2驱动TEA5767收音机模块硬件调试总结
查看>>
vue中提示$index is not defined
查看>>
css选择器
查看>>
ASP.NET上传下载文件
查看>>
Galaxy Nexus 全屏显示-隐藏Navigation Bar
查看>>
Spring中使用Velocity模板
查看>>
上周热点回顾(8.18-8.24)
查看>>