一、文章有各種數(shù)據(jù)的表格這個(gè)網(wǎng)頁也不例外。
(1)、標(biāo)簽意思
table ----------------------表格開始
caption /caption -------表格標(biāo)題
tr --------------------行開始標(biāo)簽
th /th -------------表頭
tb /tb -------------單元格
/tr -------------------行結(jié)束標(biāo)簽
/table ---------------------表格結(jié)束
(2)、表格樣式
cellpadding 屬性設(shè)置單元格邊框和單元格內(nèi)容的距離。
cellspacing 屬性設(shè)置單元格之間的距離。
border 屬性表示邊框
width 設(shè)置表格的寬。
height 設(shè)置表格的高。 [注]:高這個(gè)屬性最好不小給 table 中寫,讓它自動(dòng)撐開就好。但這個(gè)可以給 tr 給每行需要的高度
html head title 表格 /title /head body table border= 1px width= 500px cellpadding= 10px cellspacing= 10px caption 表格標(biāo)題 /caption tr height= 50px th 表頭 /th th 表頭 /th /tr td 單元格 /td td 單元格 /td /tr /table /body /html效果

二、無序列表
ul 無序列表屬性:
li /li (type屬性) ul type= dise (是無序列表前邊小黑點(diǎn)的屬性)
/ul disc(實(shí)心圓) circle(空心圓) square(方塊)
代碼
html head title 表格 /title /head body ul type= circle li 無序列表 /li /ul /body /html效果

三、有序列表
有序列表:
ol 有序列表屬性:
li /li (type屬性) ol type= 1
/ol 1(按數(shù)字1.2.3...往下排) A(按大寫字母A.B.C...往下排) a(按小寫字母a。b。c....往下排)
Ⅰ(按大寫羅馬數(shù)字Ⅰ、Ⅱ、Ⅲ.....往下排)
(start屬性) ol start= 2 (表示這個(gè)有序列表不是默認(rèn)的從1開始是從2開始的)
html head title 有序列表 /title /head body ol type= A li 有序列表 /li li 有序列表 /li li 有序列表 /li /ol /body /html效果 按照A,B,C... 往下排 type 只能寫那三種

以上就是html中表格與列表的實(shí)例教程的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選