HTML - table

表格标记(TABLE):
表格不仅仅能装载数据,还被广泛地应用于网页的布局,这与表格可以将其所在区域划分为行和列即诸多单元格密切相关
<TABLE>表格标记
<Caption>设置表格标题
<TR>表示表格中的行
<TD>表示表格中的列
<TH>同<TD>,只是对其中文字以粗体显示

<TABLE>的参数设定(常用):

 <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER"
 valign="TOP" >

width:表格宽度,接受绝对值(如80)及相对值(如80%)
border:表格边框厚度
cellspacing:表格格线厚度
cellpadding:文字与格线的距离
valign:表格内文字等的位置(垂直),可选:top,middle,bottom

表格行标记参数:
<TR> 的参数设定(常用):

  <tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" > 

同table参数

表格列标记参数:
<TD> 的参数设定(常用):

 <td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" 
bgcolor="#FF00FF" background="myweb.gif">

rowspan:合并行数
colspan:合并列数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在HTML 中定义了表格布局。说到 table 标签,我们可以想到的大致有以下几个元素: 、 、 、 、 、 接下...
    斐硕人阅读 3,653评论 1 4
  • 电商网站的后台总少不了各种繁杂数据的录入,旁边的运营妹子录完第138条商品的时候,终于忍不住转身吼到:为什么后台的...
    newDasiykoo阅读 7,185评论 0 6
  • display:table ; 设置为table-cell的父级元素display:table-cell; 设置为...
    eternalshallow阅读 622评论 0 4
  • 基本定义及创建: 表格是由 定义 表格中的每行由 定义 每行中的每列由 定义例: 上述代码效果如下: 常用表格标签...
    baiying阅读 616评论 1 2
  • 昨晚8点30自控力LAB班第五期热热闹闹的开班了,好多参加过几期的同学都得到了很好的提升。很多同学辉煌的现...
    童小咪阅读 152评论 2 5