HTML中表格的使用是很重要的部分,那么我們今天來看看表格怎么用
高碑店網站建設公司成都創新互聯,高碑店網站設計制作,有大型網站制作公司豐富經驗。已為高碑店上千余家提供企業網站建設服務。企業網站搭建\成都外貿網站建設公司要多少錢,請找那個售后服務好的高碑店做網站的公司定做!
<table>
<tr>
<td>內容</td>
<td>內容</td>
</tr>
</table>
Width:表格的寬度
Height:表格的高度
Border:表格的邊框線粗細
Bordercolor:邊框線的顏色
Align:表格水平對齊方式,取值:left center right
bgColor:表格的背景顏色,bgColor=“#FF0000”
background:表格的背景圖片URL。Background=“p_w_picpaths/bg.gif”
cellpadding:填充距離,指單元格邊線到內容間的距離
cellspacing:間距,兩個單元格之間的距離
Align:行中所有的單元格水平對齊,取值:left center right
Valign:行中所有的單元格垂直對齊,取值:top、middle、bottom
bgColor:行的背景顏色
height:行的高度
<th></th>是標題單元格,其中的內容居中加粗顯示;
<td></td>是普通單元格,默認居左顯示
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>
<tralign="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>
網站標題:從零開始PHP之HTML(三)
網頁鏈接:http://vcdvsql.cn/article36/pehepg.html
成都網站建設公司_創新互聯,為您提供App開發、服務器托管、靜態網站、營銷型網站建設、移動網站建設、網站營銷
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯