HTML Table tr td th表格标签元素

2019-09-07 郑州网站建设  

HTML Table tr td th表格标签元素知识篇

<table>表格布局篇,认识html表格基础语法,认识table表格结构语法,通过html table tr td、html table tr th表格实例掌握表格认识html表格table样式布局。同时table的样式可以通过CSS样式控制其各式各样的样式。

html table表格目录  

 
一、table表格语法与结构   -  

<table> 

    <tr> 

        <td>&nbsp;</td> 

        <td>&nbsp;</td> 

        <td>&nbsp;</td> 

    </tr> 

</table> 

或者

<table> 

    <tr> 

        <th>&nbsp;</th> 

        <th>&nbsp;</th> 

        <th>&nbsp;</th> 

    </tr> 

</table> 

以上2个表格结构中td和th使用,没有区别均可使用。

二、table标签使用说明   -  

我们学习DIV+CSS了,不是就完全放弃丢弃table表格布局。想想我们为什么学习DIV CSS其中一个因素,让布局更简单、代码更简单,所以有时候我们也需要table表格来布局。
比如,电子表格型的数据表格。

三、Table表格标签使用场景   -  

这个是淘宝支付宝页面里任意截的一张表格运用图片:

table表格实际应用地方


html table表格实际应用截图

四、Table tr td th表格使用案例   -  

<table width="300" border="1" cellspacing="0"> 

    <tr> 

        <th>班级</th> 

        <th>日期</th> 

        <th>标题</th> 

    </tr> 

    <tr> 

        <td>一班</td> 

        <td>2012-5-10</td> 

        <td>标题1</td> 

    </tr> 

    <tr> 


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1007.html转载请标明出处,谢谢合作!
标签:
  • html表格
  • table标签
  • html table
  • tabl