您好,登錄后才能下訂單哦!
HTML中表格的使用是很重要的部分,那么我們今天來看看表格怎么用
<table>
<tr>
<td>內(nèi)容</td>
<td>內(nèi)容</td>
</tr>
</table>
Width:表格的寬度
Height:表格的高度
Border:表格的邊框線粗細(xì)
Bordercolor:邊框線的顏色
Align:表格水平對齊方式,取值:left center right
bgColor:表格的背景顏色,bgColor=“#FF0000”
background:表格的背景圖片URL。Background=“p_w_picpaths/bg.gif”
cellpadding:填充距離,指單元格邊線到內(nèi)容間的距離
cellspacing:間距,兩個單元格之間的距離
Align:行中所有的單元格水平對齊,取值:left center right
Valign:行中所有的單元格垂直對齊,取值:top、middle、bottom
bgColor:行的背景顏色
height:行的高度
<th></th>是標(biāo)題單元格,其中的內(nèi)容居中加粗顯示;
<td></td>是普通單元格,默認(rèn)居左顯示
Width:單元格的寬度
Height:單元格的高度
bgColor:背景顏色
background:背景圖片
align:水平對齊
valign:垂直對齊
colspan:合并列的單元格(跨列合并)
rowspan:合并行的單元格(跨行合并)
首先我們來試試寫一個表
代碼如下
<html>
<head>
<title>唐詩鑒賞 </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<table align="center" border="2" width="500" cellspacing="2" cellpadding="1" background="2.png" >
<tr height="40px">
<td colspan="4" align="center"><font face="華文彩云" size="6">唐詩鑒賞</font></td>
</tr>
<tr >
<td align="center" ><font color="red"><b>唐詩鑒賞</b></font></td>
<td align="center"><font color="red"><b>唐詩簡介</b></font></td>
<td align="center"><font color="red"><b>名家名作</b></font></td>
<td align="center"><font color="red"><b>名作賞析</b></font></td>
<tr>
<td colspan="4" height="40px"></td>
</tr>
<tr align="center">
<td colspan="2"><a href="#"><b>李白</b></a></td>
<td colspan="2" rowspan="4"><img src="1.png"></td>
</tr>
<tr align="center">
<td colspan="2"><a href="#"><b>杜甫</b></a></td>
</tr>
<tr align="center">
<td colspan="2"><a href="#"><b>王維</b></a></td>
</tr>
<tr align="center">
<td colspan="2"><a href="#"><b>白居易</b></a></td>
</tr>
</table>
</body>
</html>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。