首頁 >web前端 >html教學 >html表格基本結構是什麼? html表格的完整程式碼詳解

html表格基本結構是什麼? html表格的完整程式碼詳解

云罗郡主
云罗郡主原創
2018-11-12 13:46:209641瀏覽

表格在網頁製作中用的很多,很多網站都是要求教程有很多大量的表格,表格的使用不僅讓數據更加清楚,而且會讓表格比較美觀。那麼html表格基本結構是什麼呢?以下我們將html表格的完整程式碼進行詳解。 【建議閱讀:HTML是什麼意思?其基本結構指的是啥?

html表格基本結構是什麼? html表格的完整程式碼詳解

表格最基本的標籤就是一些屬性,像是table標籤和tr標籤和td標籤,其中table標籤是包含

和,語法為:
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表格基本结构</title>
</head>
<body>
    <table>        
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table>
</body>
</html>

顯示:

html表格基本結構是什麼? html表格的完整程式碼詳解

在上述程式碼中,tr就是表示表格行,td就是表示表格儲存格,th是表格的表頭,一般也是不能忽略的,其中tr和td標記著開始和結束,在表格中有幾個

就表示幾行。一般在預設情況下,表示是沒有邊框的,如果想為邊框添加顏色可以利用css進行對邊框的設置,從而讓用戶更好的去觀看數據。

隨著技術的更新換代,許多程式設計師都不選擇使用table去佈局表格,相反會選擇一些DIV CSS去佈局,利用table佈局網站的時候,好出現很多程式碼,形成程式碼冗餘。

以上就是html表格基本結構是什麼? html表格的完整程式碼詳解的全部介紹,如果你想了解更多有關Html5教程,請關注php中文網。


以上是html表格基本結構是什麼? html表格的完整程式碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn