成長是一輩子的事兒！大家好！我是時問新。分享前端、Python等技術，以及個人成長路上的那些事兒。

一般我們看到的表格，會說它有幾行幾列。

而在HTML中的表格，并不是簡單的說幾行幾列，是一行中給它設置多少個單元格。因為HTML中，不同的行，可能會有不同數量的單元格。

在HTML中，要做一個 表格，需要用表格標簽來實現。

、、標簽、、就是表格標簽。

table就是表格的意思。

tr就是table row的首字母簡寫，就是表格行的意思。

td就是table data的首字母簡寫，就是表格數據的意思。

所以，

table就是表示整個表格的標簽。

tr表示表格的一個行，你的這個表格中有多少行，就需要你代碼中寫多少個tr標簽對兒。

td就是單元格。表格的某一行中，有幾個單元格，就要寫多少個td標簽對兒。

td標簽對兒之間的內容，就是單元格的數據。

tr標簽對兒寫在table標簽對兒里面，td標簽對兒寫在tr標簽對兒里面。

比如一個三行四列的表格，就是1個table標簽對兒，里面3個tr標簽對兒，每一個tr標簽對兒里面是4個td標簽對兒。如下：

注意：為了規范，

標簽中不要直接寫td，而是先寫tr，tr里再寫td。

的border屬性

用表格標簽實現的HTML表格，默認是沒有邊框線的。

標簽有個border屬性，這個border屬性就是設置表格的邊框線的。為了顯示出表格的邊框，就需要把標簽的border屬性給一個數字值，這個數字表示邊框的寬度，單位是像素。

如果你的

標簽上沒有寫border屬性值，你的表格在網頁上顯示出來，是沒有邊框線的。

比如把border的值設為1，就表示這個表格的的邊框的寬度是1像素。

接下來我在vscode和瀏覽器中演示一下。

如果沒有設置

標簽的border屬性值：A B C D E F G H I J K L

在瀏覽器中顯示效果如下：

我們看到是沒有邊框線的。

只有給

標簽加上border屬性之后，才會有邊框線。 A B C D E F G H I J K L

瀏覽器中效果：

我們看到是默認是雙線邊框，這是HTML的特性。

為了將雙線邊框變為單線邊框，就需要用css來實現。

下面是讓表格邊框從雙線變為單線的css代碼：

這一段css代碼寫到

標簽里面，表格就會實現單邊框線的效果。

不過現在我們還是在學習HTML的階段，css先不用管它，等學到了，自然就知道了。

標簽

就是表格的標題，如果你要給你的表格一個標題，就把作為標簽的第一個子元素。

也就是說，

要寫在所有標簽的前面。

如果你要給表格設置寬度，就可以在

標簽上寫上width屬性，給你一個你想要的寬度數值。比如我把表格的寬度設為500像素：俺是一個表哥 A B C D E F G H I J K L

瀏覽器中效果如下：

標簽標簽和標簽是同一個級別。是普通的單元格，而也是單元格，但是它相當于是一個表示標題的單元格。

不是說

是標題嗎？

沒錯啊！是表示整個表格的標題。

而相當于一列單元格的標題。

注意：既然也是單元格，那么它就要寫在當中。通常把所在的放在所有其他的前面。里面的文字，顯示出來默認是加粗的，而是是居中顯示的。

現在我把

加上：俺是一個大表哥 俺是小標題 俺是小標題 俺是小標題 俺是小標題 A B C D E F G H I J K L

在瀏覽器中效果如下：

注意：也有一些人，這樣寫：

小標題 小標題 小標題 小標題

這種寫法也可以用，但是實際上是沒有真正理解

。

一定要記住，和是同一個級別，上面這樣寫，就讓和成同一個級別了。

最關鍵的時，這樣寫容易引起效果的錯亂，有時候錯亂了，你還得想辦法搞正常，這就是理解不到位，寫法不規范給自己找的不必要的麻煩。

本次表格標簽的介紹，全部代碼貼上：

表格標簽俺是一個大表哥 俺是小標題 俺是小標題 俺是小標題 俺是小標題 A B C D E F G H I J K L

感謝閱讀！知識總結不易，請點個贊或轉發鼓勵一下唄！想系統性學習前端的小伙伴可以關注我！

總結

以上是生活随笔為你收集整理的标签的宽度_27 表格标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。