统一下载站 零度软件园 绿色软件 久友下载站 星星软件站 源码下载 游戏狗 51CTO下载 下载王 东坡下载 创e下载园 顶库下载 完美下载 绿软基地 当贝客 比克尔瞎子 软件E线下载 121下载站 快猴网 心愿下载 偶要下载站 华彩软件站 第六下载 雷达下载 ucbug软件下载站 维维软件园 欧普软件 动力软件园 游侠下载站 迷你下载 喜爱下载网 咕咕猪下载站 清清下载吧 AI下载 艾艾软件园 2秒下载网 谷普下载 飞翔下载 S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S S
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5学习网 > HTML >

HTML基础必学列表

HTML Table tr td th表格标签元素

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

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

html table表格目录
  1. table表格语法与结构
  2. table标签使用说明
  3. Table表格标签使用场景
  4. table表格案例
  5. DW软件输入表格布局
  6. table表格总结

一、table表格语法与结构   -   TOP

  1. <table> 
  2.     <tr> 
  3.         <td>&nbsp;</td> 
  4.         <td>&nbsp;</td> 
  5.         <td>&nbsp;</td> 
  6.     </tr> 
  7. </table> 

或者

  1. <table> 
  2.     <tr> 
  3.         <th>&nbsp;</th> 
  4.         <th>&nbsp;</th> 
  5.         <th>&nbsp;</th> 
  6.     </tr> 
  7. </table> 

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

二、table标签使用说明   -   TOP

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

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

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

table表格实际应用地方
html table表格实际应用截图

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

  1. <table width="300" border="1" cellspacing="0"> 
  2.     <tr> 
  3.         <th>班级</th> 
  4.         <th>日期</th> 
  5.         <th>标题</th> 
  6.     </tr> 
  7.     <tr> 
  8.         <td>一班</td> 
  9.         <td>2012-5-10</td> 
  10.         <td>标题1</td> 
  11.     </tr> 
  12.     <tr> 
  13.         <td>二班</td> 
  14.         <td>2012-5-20</td> 
  15.         <td>标题2</td> 
  16.     </tr> 
  17. </table> 

DW软件里截图:

table布局案例截图
table案例教程布局截图

谷歌浏览器效果截图:

浏览器中table布局案例截图
table表格布局案例在浏览器中截图

五、DW软件输入表格标签   -   TOP

可以在DW软件中直接输入你要的表格:

第一步:单击DW软件“插入”,然后选择点击“表格(T)”

dw软件布局table表格
DW布局表格

第二步:在弹出“表格”设置选项卡,设置需要表格,行、列、宽度等属性

html table表格布局使用软件布局截图
DW软件输入table布局

第三步:设置完后,点击“确定”,即可在DW输入标准的table表格标签。

六、DIVCSS5对于table表格总结   -   TOP

1、表格可以在DW输入,拖拽调整
2、table表格实用于多列数据列表
3、学习了DIV CSS还得学习TABLE
4、table会使用灵活运用即可
5、多列数据列表table标签要比使用div css节约代码,任意控制内容排版

如需转载,请注明文章出处和来源网址:http://www.tommstudio.com/html/h380.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
DIVCSS5学习网文章修订日期:2013-01-28 21:13 原创:DIVCSS5学习网
本文www.tommstudio.com DIVCSS5版权所有。