溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在html中實現(xiàn)一個表格

發(fā)布時間:2021-03-31 16:08:01 來源:億速云 閱讀:528 作者:Leah 欄目:web開發(fā)

怎么在html中實現(xiàn)一個表格?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

html做表格的方法:首先新建一個html,并在“”中間填入表格內(nèi)容;然后在“”中間輸入樣式表的樣式;最后設(shè)置單元格的寬度高度等等樣式即可。

html做個表格的步驟如下:

1、首先新建一個html,點擊<body></body>中間,先填入表格內(nèi)容;

怎么在html中實現(xiàn)一個表格

2、內(nèi)容根據(jù)需求來寫即可,示例代碼如下:

<table>
<p style="text-align:center ">功課表</p>
<tr>
<th>語文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>數(shù)學(xué)</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>

怎么在html中實現(xiàn)一個表格

3、然后在<head></head>中間輸入樣式表的樣式;

怎么在html中實現(xiàn)一個表格

4、樣式也根據(jù)個人的需求來設(shè)置即可,設(shè)置單元格的寬度高度,合并單元格,位置,顏色等等,示例代碼如下:

<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}     
</style>

怎么在html中實現(xiàn)一個表格

5、這里需要注意這個代碼“table”的意義是將表格邊框合并為單一的邊框,將相鄰變合并。

怎么在html中實現(xiàn)一個表格

6、預(yù)覽結(jié)果如下所示,一個簡單的表格就制作出來了。

怎么在html中實現(xiàn)一個表格

看完上述內(nèi)容,你們掌握怎么在html中實現(xiàn)一個表格的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細節(jié)
推薦閱讀:
  1. html 表格
  2. HTML表格

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI