HTML中表格相關知識的介紹（程式碼實例）

這篇文章帶給大家的內容是關於HTML中表格相關知識的介紹（程式碼實例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

在製作網頁時，要合理規劃網頁版面。例如，在網頁中加入一個表格，可分為上、中、下三部分，上部存放網頁標題或LOGO圖片，中間部分是整個網頁的主體內容，底部就是相關製作資訊。此外，單元格里還可再新增儲存格，將內容分類別、分層合理規劃。

表格標籤--table

是一個雙標籤。一個表格中包含

、、

三個基本元素。首標籤和尾標籤表示一個表格的開始和結束。 'tr=table row'用來表示一行的開始和結束,'td=table data'用來表示行中個單元格的開始和結束。

                    ...

单元格内容	单元格内容
单元格内容	单元格内容

表格的標題--caption

#有一個特殊的單元格叫做標題單元格，位於表格的第一行，標題儲存格是沒有邊框的，預設居中顯示。

<caption>表格的标题</caption>

表格邊框--border

#預設情況下，表格不顯示邊框。為了更好的區分內容，可以設定表格邊框寬度大小，

#表格內文字與邊框的距離--cellpadding

默認情況下，文字緊貼邊框。透過cellpadding可以調整文字與邊框之間的距離

表格中單元格之間的距離--cellspacing

表格中單元格之間的距離也可以改變。

單元格背景圖像--background

nbsp;html>


    <meta>
    <title>小白</title>


<p>默认情况下的表格</p>

                                                                              

亚洲

中国	北京	1949年10月1日
缅甸	内比都	1948年1月4日

---

设置属性后的表格

                                                                              

亚洲

中国	北京	1949年10月1日
缅甸	内比都	1948年1月4日

行合併屬性-- rowspan

在製作一些複雜的表格時，需要用到儲存格合併

<td>
<pre class="brush:php;toolbar:false">nbsp;html>


    <meta>
    <title>单元格行合并</title>

                                                                                     

招生简章

基础科目	数学
外语
政治
专业课	100

。合併屬性--colspan

在製作一些複雜的表格時，需要用到儲存格合併

<td>
<pre class="brush:php;toolbar:false">nbsp;html>


    <meta>
    <title>单元格列合并</title>

                                                                                            

西安
长安区	雁塔区	碑林区
新城区	高新区	莲湖区

###表格的巢狀#########一個表格內部包含其他標籤，用表格來排版頁面，可以讓頁面各部分互不衝突，整體結構優美。 ###

nbsp;html>


    <meta>
    <title>表格嵌套</title>

                                                                              

昙花

                     

                     

浏览器

            百度         

                                                                                                                          

百度贴吧

百度网盘

百度图库

        

############以上就是本篇文章的全部內容，敢於HTML的相關知識大家可以參考PHP中文網的###HTML開發手冊###進行學習。 ######

以上是HTML中表格相關知識的介紹（程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！