網頁中使用表格

表格，曾經是網頁世界的霸主，為什么這么說呢？因為早起的網頁結構，大多數是通過大大小小的表格嵌套來設置的。后來被時間實踐和 WEB 技術發展證實，這種結構設置的風格，并不適合現代的網頁開發。無論是從代碼維護角度，還是同更新版本的 CSS ， HTML 的結合使用來看，都是不再合適作為網頁結構的主力軍的。

那么問題來了，為什么我們還要設置這一節，還要讓大家學習這一節。那是因為網頁的結構可能不適合大批量的使用表格，但現代網頁的很多內容展現，還是需要表格作為主要支撐的。從內容角度說，表格體現的是一種成熟的二維數據表達形式。這種表達形式，在網頁中展示數據，有著清晰，易用，易懂的特點。況且，從實踐難度上看，表格的插入和設置并沒有太多難度，但在當今網頁設計中的使用還是很廣泛的。

基于以上的現實，我們還是非?？梢哉f是必須學習網頁中的表格。下面就讓老師帶領大家來學習在網頁中使用表格的一些知識。我們本節將從幾個角度和內容來介紹表格在網頁中的使用。第一個是在網頁中創建一個表格，第二個是對表格排序，第三個是利用表格分割頁面，第四個是選擇表格。本節的操作性也很強， 需要大家跟著老師的操作步驟仔細觀察，多多練習。

1. 在網頁中創建一個表格

在網頁中創建表格，首先要創建一個空白的 HTML 文檔。其次，在 Dreamweaver CC 2018 的菜單欄中選擇插入菜單選項，在彈出的下拉菜單中，選擇 table 。沒錯， <table>標簽就是表格的標簽。我們可以通過手寫代碼的方式在網頁中添加，一般有智能提示功能的編輯器，在你輸入一個<table>后都能夠為你自動補全剩余的標簽。
創建空白文檔的步驟我們就不再贅述了。我們點擊 table 后彈出了表格的設置界面。如下面這張圖片所示：

我們在上面這張圖片里可以看到，首先 table 界面里可以設置表格的大小，表格的標題位置，和一些輔助功能。老師要主要強調的是表格的行數列數，表格的邊框粗細。因為大多數時候，我們表格要表達的數據內容確定好之后，下一步就是設計表格的基本屬性，這就包括了表格的行數，列數和表格樣式等重要屬性。我們按照如圖的標準點擊確定后，可以看到 Dreamweaver CC 2018 已經自動在屏幕上繪制出了表格。繪制出的表格就像下面的圖片所示。

2. 對表格排序

對表格排序可謂是一個對排序的快速簡易操作，這里沒有太多的麻煩步驟，僅僅需要點擊菜單欄中的編輯，然后選擇表格，在彈出的下一級菜單中的最后一個選項叫排序表格。點擊它，就可以輕松地對表格進行排序。由于這個功能使用的場景并不是很多，在這里大家只需要掌握這個設置在 Dreamweaver CC 2018 中的位置就好了。

3. 利用表格分割頁面

眾所周知，初期的網頁設計都是用表格來分割頁面的內容和結構。那么作為一節學習表格的知識點，我們勢必也要掌握一下，如何用表格來規劃網頁的結構，由于已經不怎么用了，所以在這里簡單給大家說一下原理就可以。它的原理就是把表格單元格作為單獨的區域，甚至表格與表格之間的嵌套。
我們都知道，在表格中 tr 標簽代表了行。
td 標簽代表了列。
th 標簽代表了標題 （ table head ）。
而 tr td th 又都能夠設置大小，也就是長度和寬度。那么我們假設整個網頁就是一個大表格，里面的形形色色的網頁元素，比如圖片，音頻，視頻，文字都分別位于這些不同尺寸的單元格里，這樣就是利用表格這種 HTML 元素的特性來實現了網頁內容的結構化。

4. 選擇表格

有些同學會有一些疑問，我繪制好了表格如何選中某一個單元格或者整個表格呢？在這里我想和大家說，這個技能一定要會。下面老師就來講一講如何選中整個表格。
首先我們可以把鼠標光標移動到任意一個單元格里單擊一下，然后我們去菜單欄上選擇編輯菜單，然后類似上面的操作，點擊表格，我們可以看到在彈出的列表中第一個就是選擇表格。沒錯，就是這個選項，如下面的圖片所示。點擊它，我們就會發現整個表格被選中了。
以上就是選中整個表格的方法。很簡單。

5. 小結

本節為大家介紹了表格在網頁中的使用，涉及的內容比較廣泛，涉及了表格的好幾個方面。其中的功能我們在成熟的商業網站中既實用，又常見。

其中創建一個表格，首先把大家帶入了表格使用的大門，這作為基礎，就顯得重中之重！其次，對表格排序又需要大家對網頁內容數據要有規劃意識，結合網頁的表格這種數據展現方式，才能把數據通過表格透視給用戶，讓用戶通過表格能夠透視出更多的信息。信息的排列決定了人們挖掘信息的難度。有時是巧合，有時是必然。

我們使用表格的目的，就是需要離散的數據巧合變必然。而使用表格分割頁面，這里是簡單的給大家入門了用表格來設置網頁的結構。這種結構既是空間結構，又是內容結構。因為畢竟內容是靠空間承載的。那么最后，希望大家可以在表格的實踐應用中選擇更多更靈活的表格。靈活的表格種類，靈活的表格規劃，靈活的表格樣式。

本節知識點的重點是：能熟練地在網頁中插入表格。
本節知識點的難點是：理解表格分割頁面的操作。