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

創(chuàng)新互聯(lián)專注于惠安網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供惠安營銷型網(wǎng)站建設(shè),惠安網(wǎng)站制作、惠安網(wǎng)頁設(shè)計(jì)、惠安網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù),打造惠安網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供惠安網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
html的全稱為超文本標(biāo)記語言,它是一種標(biāo)記語言,包含了一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動畫、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。
表格是最重要的數(shù)據(jù)化格式工具啦,無論是前臺還是后臺,都有大量的應(yīng)用。
我們先打幾個網(wǎng)站看一下,頁面中哪些內(nèi)容是用表格做的。
html創(chuàng)建表格使用table標(biāo)簽,這個標(biāo)簽是一個典型的復(fù)合標(biāo)簽,因它只寫它是沒用的,必須要配合內(nèi)部的子標(biāo)簽才有意義。
創(chuàng)建表格的基本原則是:先創(chuàng)建行,再劃分列。一行一列叫一個單元格,用戶數(shù)據(jù)必須全部放在單元格中。
創(chuàng)建行使用標(biāo)簽<tr>,創(chuàng)建列使用標(biāo)簽<td>,標(biāo)題用<caption>下面我們創(chuàng)建一個最簡單的表格。
剛創(chuàng)建的好的表格,你會發(fā)現(xiàn)根本不像一個表格,連最基本的表格線都沒有,也正為這點(diǎn),最早的時候表格還用來布局,不過現(xiàn)在不用它的。
下面我們?yōu)檫@個表格添加一些最基本的屬性,至少讓它看一下像一個表格啦。
border:設(shè)置表格邊框線的寬度。
cellspacing: 設(shè)置單元格之間的間隙,設(shè)置為0,相當(dāng)于單元格邊線折疊,這時它自動使用表格的邊框?qū)挾?如1。
cellpadding: 設(shè)置單元格數(shù)據(jù)與邊界之間的距離,使內(nèi)容不至于太擁擠。
align: 設(shè)置單元格內(nèi)數(shù)據(jù)的對方方式,默認(rèn)為left左對齊,可以設(shè)置right右對齊和center居中對齊。
width: 設(shè)置表格的寬度,可以為絕對值,也可以是一個百分比相對值,推薦設(shè)置為相對值,以自適應(yīng)數(shù)據(jù)變化。
height: 設(shè)置表格的高度,這里沒有設(shè)置,以適應(yīng)表格的行數(shù)的變化。
<!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可以設(shè)置行或單元格的背景顏色:skyblue天藍(lán)色 --> <tr bgcolor="skyblue"> <!-- <th>標(biāo)簽內(nèi)部文本默認(rèn)會加粗居中顯示,非常適合做表頭 --> <th>ID</th> <th>姓名</th> <th>腰圍</th> <th>腰圍</th> <th>臀圍</th> </tr> <tr> <td align="center">01</td> <td align="center">波多野結(jié)衣</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> <!-- 使用之前學(xué)過的<a>標(biāo)簽來制作一個簡單的分頁,這里的<p>標(biāo)簽只起到一個簡單的包裝作用 --> <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表格的基本屬性是什么”這一關(guān)鍵問題有了一定的理解,具體使用情況還需要大家自己動手實(shí)驗(yàn)使用過才能領(lǐng)會,快去試試吧,如果想閱讀更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞名稱:html表格的基本屬性是什么
文章路徑:http://www.chinadenli.net/article36/peehsg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、App設(shè)計(jì)、電子商務(wù)、品牌網(wǎng)站建設(shè)、云服務(wù)器、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)