#網站製作##網站製作#在HTML頁面設計中,表格經常被用於展示數據和頁面布局。隨著Web技術的不斷發展,表格的應用已經越來越少,但是在某些情況下,我們依然需要使用表格來滿足設計的要求。下面深圳市博納網絡信息技術有限公司講解製作表格:
1.新建一個HTML頁面,在body元素中嵌入一個table元素,實現基本的行列功能。設置表格的caption為「2015年部門評分表」,thead標籤表示表頭為「部門名稱」和12個月份,tfoot標籤表示部門統計結果,相關代碼如下:
在瀏覽器中瀏覽這段代碼的效果如下:
2.下面我們對表頭進行修改,除了第1行第1列外,將其他表頭拆分成兩行,並將拆分後的第1行合併,相關代碼如下:
然後刷新瀏覽器,效果:
3.表格的基本結構已經形成,但是這樣的表格看起來很醜,我們通過設置表格的寬度、高度、邊框、對齊方式、背景色等屬性,對表格進行美化,相關代碼如下:
刷新頁面後的效果如圖: