歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >

HTML Table tr td th表格標簽元素知識篇

<table>表格布局篇,認識html表格基礎語法,認識table表格結構語法,通過html table tr td、html table tr th表格實例掌握表格認識html表格table樣式布局。同時table的樣式可以通過CSS樣式控制其各式各樣的樣式。

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

我們學習DIV+CSS了,不是就完全放棄丟棄table表格布局。想想我們為什么學習DIV CSS其中一個因素,讓布局更簡單、代碼更簡單,所以有時候我們也需要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.khijtf.live/html/h380.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.khijtf.live DIVCSS5版權所有。

江西多乐彩走势图今天 做港股赚钱的新闻 微信投票赚钱早真的吗 嘉年华彩票苹果 58彩票苹果 邢台投资房子会赚钱吗 可以手机赚钱的游戏有哪些方法 在线财神捕鱼官方版 兼职设计师赚钱 辟谷赚钱么 捕鸟达人2破解版 南昌麻将算子规则图片 超市里开一家游乐场怎么赚钱吗 电脑单机捕鱼 活动执行公司如何赚钱 下载地下城勇士完整版 真人打麻将赢钱版平台