您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)html表格中的th表頭內(nèi)容如何居中,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
本篇文章主要為大家講述的是html表格中th表頭的居中實(shí)例解析,還向大家介紹了HTML中th表頭標(biāo)簽的對(duì)齊方式align屬性的屬性值具體介紹,讓我們來(lái)看正文吧
首先我們要知道什么是html表格中th表頭標(biāo)簽:
在我們用的HTML表格中有兩種類型的單元格:
一個(gè)是表頭單元格,它包含了表頭的信息,由th標(biāo)簽創(chuàng)建的
還有一個(gè)則是標(biāo)準(zhǔn)的單元格,它包含了數(shù)據(jù),由td標(biāo)簽創(chuàng)建的
它們有個(gè)容易區(qū)分的地方就是:
th標(biāo)簽內(nèi)部的內(nèi)容通常會(huì)呈現(xiàn)為居中的粗體文本內(nèi)容,而td標(biāo)簽內(nèi)部的內(nèi)容通常都是以左對(duì)齊的方式顯示的文本內(nèi)容。
好了,我們現(xiàn)在了解了我們html表格中的hr標(biāo)簽的一些基礎(chǔ),現(xiàn)在開(kāi)始文章的第一個(gè)內(nèi)容,
那就是如何把HTML表格中的th表頭居中。
讓我們來(lái)看一個(gè)html表格表頭居中實(shí)例
<table border="2"> <tr> <th>網(wǎng)站名稱</th> <th align="right">網(wǎng)址</th> </tr> <tr> <td>億速云</td> <td>網(wǎng)址是:http://www.php.cn</td> </tr> <tr> <td>百度百科</td> <td>網(wǎng)址是:https://baike.baidu.com</td> </tr> </table>
這是一個(gè)比較簡(jiǎn)單的一個(gè)表格的寫法,th表頭在表格的第一列,我們看到th里面加了個(gè)align屬性,align屬性值為right,懂英語(yǔ)的人都知道,這是向右的意思,這個(gè)的意思就是說(shuō),把th標(biāo)簽包含的內(nèi)容文本向右邊對(duì)齊。
()
今天是說(shuō)如何th表頭如何居中的,現(xiàn)在大家應(yīng)該都能猜到了,沒(méi)錯(cuò),就是用align屬性來(lái)設(shè)置的,跟上面那個(gè)案例一樣,我們把th表頭標(biāo)簽中的align屬性的屬性值改為center,效果如圖:
()
介紹了表格中的th標(biāo)簽如何居中,現(xiàn)在我們應(yīng)該已經(jīng)知道th標(biāo)簽的align屬性的一些用法了吧,不過(guò)我還要繼續(xù)介紹它們,因?yàn)閍lign屬性在表格中很重要。讓我們一起來(lái)看看對(duì)align屬性的介紹吧
HTML表格中th標(biāo)簽的align屬性介紹:
在HTML表格中th標(biāo)簽的align屬性被定義為,是專門為th標(biāo)簽單元格中的內(nèi)容進(jìn)行對(duì)齊的,align的屬性值可以做到幾種相對(duì)對(duì)齊方式(其實(shí)不只是對(duì)th標(biāo)簽有用,對(duì)表格中的td標(biāo)簽和tr標(biāo)簽也一樣有用,甚至對(duì)網(wǎng)頁(yè)內(nèi)大部分的標(biāo)簽都有用,不過(guò)現(xiàn)在h6不支持align屬性了,不過(guò)在平常中,小編覺(jué)得還是用align屬性來(lái)對(duì)齊比較方便)
th標(biāo)簽中的align屬性它有五個(gè)屬性值,分別為:
left屬性值:定義文本的左對(duì)齊
right屬性值:它定義了文本的右對(duì)齊(已經(jīng)給你們實(shí)驗(yàn)過(guò)了,確實(shí)可以往右對(duì)齊文本)
center屬性值:它定義了本文內(nèi)容的居中對(duì)齊(這個(gè)也給你們看過(guò)了,簡(jiǎn)單,多練習(xí)就熟練了)
justift屬性值:它在表格中對(duì)表格的行進(jìn)行兩端對(duì)齊,像報(bào)紙和的排版一樣(用的不多,這里就不舉例了,知道就行了)
char屬性值:它在單元格中的內(nèi)容對(duì)準(zhǔn)指定字符,它的默認(rèn)情況下是以小數(shù)點(diǎn)字符的的樣式顯現(xiàn)
關(guān)于html表格中的th表頭內(nèi)容如何居中就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。