整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
篇文章介紹了div標簽的作用，我們這篇文章主要來看下過氣表格標簽table的語法與使用。
在div沒有出現之前，table曾是做網頁的中堅力量。記得在開始學網頁的時候，div是神馬，我不造呀！做網頁還用div嗎，就只用table就可以了，各種表格嵌套加嵌套，一個網頁就拼湊出來了。但table寫的布局頁面做維護就比較令人頭痛欲裂了。因為table是一層一層嵌套，標簽量冗余過多。所以修改起來就是動一發而牽全身。維護起來格外麻煩，往往是拆東墻補西墻。所以它后來就慢慢被div所替代。但是在數據列表上還是用table形式來寫比較的合理，所以現在table多用于網站后臺的表格數據處理中。
簡單的表格由table元素以及一個或多個tr（行標簽）、th（表頭單元格標簽）、td（普通單元格標簽）等標簽所組成，當然復雜的表格還包括caption（表格標題）、col(定義列)、colgroup(對表格中的列進行組合)、thead（組合表頭的內容）tbody(組合表格的主題內容)、tfoot(組合表格的腳注內容)等這里我們先簡單了解下即可。
定義表格：<table></table>
創建表行：<tr></tr>
創建列(單元格):<th></th>（表頭）、<td></td>（表格單元）
注意：默認情況下，每行中的列數是統一的。
比如我們想創建一個姓名、年齡、分數和日期的數據表格，并設置border為1，我們可以使用table來制作。具體的表格代碼如下圖所示：
在網頁中呈現的效果就如下圖所示：
這時候有的人就會說了，為什么這個表格看起來這么奇怪，邊框都是有空隙的呢？我們只需要給表格添加一些特殊的樣式，即可制作一個比較漂亮好看的表格了。添加的樣式代碼：
在網頁中呈現的效果就如下圖所示：
現在我們的表格是不是看著比較的清新了，上面的css代碼中為表格添加了背景、邊框以及去掉了粗的邊線。具體的css代碼我們會在以后的課程中為大家介紹，大家在這里只需要知道并了解table標簽的作用以及使用就可以了。沒事可以多用table寫一寫表格，熟能生巧。
附贈一句經典語錄：每天早上，你有兩個簡單的選擇：是睡回籠覺，還是起身追逐 夢想 。喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。
天，小編為大家展示一下，用純table搭建頁面結構，實現QQ登陸頁（為初學者作參考,頁面結構搭建方式很多，這種基本上就只初學table才會用的）
小編的素材
上代碼截圖：
有興趣的同學可以去試試吧。
更多基礎練習案例，私信小編回復“html”獲得。
頁中實現像表格文檔那樣固定table的表頭和第一列內容，類似于excel表格那樣！下面說說實現方法
效果如下：
在數據眾多的列表下，規定的區域內上下左右都可以滾動查看，然而表頭和側邊表頭都還在，方便用戶查看數據，增強用戶體驗！
實現代碼
html結構：
css代碼：
javascript代碼：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
