html表格的基本屬性是什么

這篇“html表格的基本屬性是什么”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“html表格的基本屬性是什么”，給大家總結了以下內容，具有一定借鑒價值，內容詳細步驟清晰，細節(jié)處理妥當，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內容吧。

創(chuàng)新互聯專注于惠安網站建設服務及定制，我們擁有豐富的企業(yè)做網站經驗。熱誠為您提供惠安營銷型網站建設，惠安網站制作、惠安網頁設計、惠安網站官網定制、小程序開發(fā)服務，打造惠安網絡公司原創(chuàng)品牌,更為您提供惠安網站排名全網營銷落地服務。

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優(yōu)雅的前端網頁。

表格是最重要的數據化格式工具啦,無論是前臺還是后臺,都有大量的應用。

我們先打幾個網站看一下,頁面中哪些內容是用表格做的。

html創(chuàng)建表格使用table標簽,這個標簽是一個典型的復合標簽,因它只寫它是沒用的,必須要配合內部的子標簽才有意義。

創(chuàng)建表格的基本原則是:先創(chuàng)建行,再劃分列。一行一列叫一個單元格,用戶數據必須全部放在單元格中。

創(chuàng)建行使用標簽<tr>,創(chuàng)建列使用標簽<td>,標題用<caption>下面我們創(chuàng)建一個最簡單的表格。

剛創(chuàng)建的好的表格,你會發(fā)現根本不像一個表格,連最基本的表格線都沒有,也正為這點,最早的時候表格還用來布局,不過現在不用它的。

下面我們?yōu)檫@個表格添加一些最基本的屬性,至少讓它看一下像一個表格啦。

border:設置表格邊框線的寬度。

cellspacing: 設置單元格之間的間隙,設置為0,相當于單元格邊線折疊,這時它自動使用表格的邊框寬度,如1。

cellpadding: 設置單元格數據與邊界之間的距離,使內容不至于太擁擠。

align: 設置單元格內數據的對方方式,默認為left左對齊,可以設置right右對齊和center居中對齊。

width: 設置表格的寬度,可以為絕對值,也可以是一個百分比相對值,推薦設置為相對值,以自適應數據變化。

height: 設置表格的高度,這里沒有設置,以適應表格的行數的變化。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格的基本屬性</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
<caption><h4>島國明星TOP50排行榜</h4></caption>
<!-- bgcolor可以設置行或單元格的背景顏色:skyblue天藍色 -->
<tr bgcolor="skyblue">
<!-- <th>標簽內部文本默認會加粗居中顯示,非常適合做表頭 -->
<th>ID</th>
<th>姓名</th>
<th>腰圍</th>
<th>腰圍</th>
<th>臀圍</th>
</tr>
<tr>
<td align="center">01</td>
<td align="center">波多野結衣</td>
<td align="center">88</td>
<td align="center">59</td>
<td align="center">85</td>
</tr>
<tr>
<td align="center">02</td>
<td align="center">小澤瑪利亞</td>
<td align="center">90</td>
<td align="center">60</td>
<td align="center">85</td>
</tr>
<tr>
<td align="center">03</td>
<td align="center">淺川梨奈</td>
<td align="center">87</td>
<td align="center">61</td>
<td align="center">88</td>
</tr>
<tr>
<td align="center">04</td>
<td align="center">深田恭子</td>
<td align="center">86</td>
<td align="center">62</td>
<td align="center">88</td>
</tr>
<tr>
<td align="center">05</td>
<td align="center">蒼老師</td>
<td align="center">88</td>
<td align="center">68</td>
<td align="center">90</td>
</tr>
</table>
<!-- 使用之前學過的<a>標簽來制作一個簡單的分頁,這里的<p>標簽只起到一個簡單的包裝作用 -->
<p align="center">
<a href="">首頁</a>
<a href="">上一頁</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一頁</a>
<a href="">尾頁</a>
</p>
</body>
</html>

感謝你的閱讀，希望你對“html表格的基本屬性是什么”這一關鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領會，快去試試吧，如果想閱讀更多相關知識點的文章，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！

新聞名稱：html表格的基本屬性是什么
文章路徑：http://redsoil1982.com.cn/article36/peehsg.html

成都網站建設公司_創(chuàng)新互聯，為您提供標簽優(yōu)化、App設計、電子商務、品牌網站建設、云服務器、面包屑導航

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容