XHTML列表與表格-創(chuàng)新互聯(lián)

列表與表格

創(chuàng)新互聯(lián)專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,中國電信云錦天府中國電信云錦天府,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。

列表作用

列表用于顯示具有同一特征的有序/無序的數(shù)據(jù)

列表至少存在一個列表項

有序列表

用于顯示具有同一特征的有序數(shù)據(jù)

<ol type="列表類型" start="起始編號">

<li>...</li>

</ol>

type屬性的值

-1,數(shù)字

-a,小寫字母

-A,大寫字母

-i,小寫羅馬數(shù)字

-I,大寫羅馬數(shù)字

start值一直為數(shù)字

無序列表

用于顯示具有同一特征的無序數(shù)據(jù)

<ul type="列表類型">

<li>...</li>

</ul>

type屬性的值

-disc,實心圓(默認(rèn))

-circle,空心圓

-square,實心矩形

定義列表

用于顯示定義

<dl>

<dt></dt><dd></dd>

</dl>

dt用于定義列表中的項目

dd用于描述列表中的項目

<dl>
<dt>電腦</dt><dd>組裝機(jī)性價比高</dd>
<dt>筆記本</dt><dd>輕薄為主</dd>
</dl>

XHTML 列表與表格

表格

表格通常用來組織結(jié)構(gòu)化信息

表格的數(shù)據(jù)保存在單元格里

<table>

<tr>

<td></td>

</tr>

</table>

表格屬性

width,設(shè)置表格寬度

height,設(shè)置表格高度

bgcolor,設(shè)置表格背景顏色

background,設(shè)置表格背景圖像

border,設(shè)置表格邊框?qū)挾?/p>

bordercolor,設(shè)置表格邊框顏色

cellpadding,設(shè)置內(nèi)邊距

cellspacing,設(shè)置外邊距

align,設(shè)置表格對齊方式(left|center|right)

行屬性

align,設(shè)置水平對齊方式

bgcolor,設(shè)置背景顏色

valign,設(shè)置垂直對齊方式

單元格屬性

align,設(shè)置水平對齊方式

bgcolor,設(shè)置背景顏色

valign,設(shè)置垂直對齊方式(top|middle|bottom)

rowspan,設(shè)置行合并

colspan,設(shè)置列合并

復(fù)雜表格

表格可以劃分為3個部分:表頭、表主體和表尾

-表格行分組:<thead></thead>

-表格主體分組:<tbody></tbody>

-表尾行分組:<tfoot></tfoot>

例:

<table border="1" width="300">
<thead align="center">
<tr>
<td>姓名</td>
<td>年齡</td>
</tr>
</thead>
<tbody align="right">
<tr>
<td>kinrey</td>
<td>18</td>
</tr>
<tr>
<td>marry</td>
<td>19</td>
</tr>
</tbody>
</table>

XHTML 列表與表格

行合并

<table width="450" border="1" cellpadding="5" cellspacing="0">
<tr>
<td rowspan="3">男<br/><br/>鞋</td>
<td>腳長(mm)</td>
<td>245</td>
<td>250</td>
</tr>
<tr>
<td>中國碼</td>
<td>38</td>
<td>39</td>
</tr>
<tr>
<td>腳圍(mm)</td>
<td>232</td>
<td>235</td>
</tr>
</table>

XHTML 列表與表格

列合并

<h3 align="center">尺碼對照表</h3>
<table width="450" border="1" cellpadding="5" cellspacing="0" align="center">
<tr>
<td colspan="4" align="center">中國標(biāo)準(zhǔn)男鞋尺碼對照表</td>
</tr>
<tr>
<td>尺碼</td>
<td>38</td>
<td>39</td>
<td>39</td>
</tr>
<tr>
<td>腳長(mm)</td>
<td>232</td>
<td>235</td>
<td>235</td>
</tr>
</table>

XHTML 列表與表格

創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務(wù)器,動態(tài)BGP最優(yōu)骨干路由自動選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨有T級流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟,新人活動云服務(wù)器買多久送多久。

分享題目:XHTML列表與表格-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://bm7419.com/article42/geihc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、品牌網(wǎng)站制作、網(wǎng)站改版網(wǎng)站營銷、網(wǎng)站策劃、App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)