HTML ul 元素 ( 或 HTML 無序列表元素） 代表多項(xiàng)的無序列表，即無數(shù)值排序項(xiàng)的集合，且它們在列表中的順序是沒有意義的。通常情況下，無序列表項(xiàng)的頭部可以是幾種形式，如一個點(diǎn)，一個圓形或方形。頭部的風(fēng)格并不是在頁面的 HTML 描述定義, 但在其相關(guān)的 CSS 可以用 list-style-type 屬性。 ul 標(biāo)簽需要和 li 標(biāo)簽結(jié)合使用。
創(chuàng)新互聯(lián)建站從2013年成立，先為和田等服務(wù)建站，和田等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為和田企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
屬性說明：
HTML ol 元素 表示多個有序列表項(xiàng)，通常渲染為有帶編號的列表。
屬性說明:
HTML 元素 （或 HTML 描述列表元素）是一個包含術(shù)語定義以及描述的列表，通常用于展示詞匯表或者元數(shù)據(jù) ( 鍵-值對列表 )。
HTML 的 table 元素表示表格數(shù)據(jù) — 即通過二維數(shù)據(jù)表表示的信息。
? 屬性：(寫在開頭標(biāo)簽的里面的單詞就叫做該元素的屬性)
瀏覽器運(yùn)行效果如下：
把上面表格中數(shù)字為 1 和 2 的單元格進(jìn)行合并，數(shù)字為 3 和 6 的單元格進(jìn)行合并。
數(shù)字為 1 和 2 的單元格分別在不同的列中所以是進(jìn)行了列合并，因?yàn)橹恍枰喜蓚€單元格所以 colspan 的值為 2， 列合并只需要在數(shù)字為 1 的單元格中添加屬性 colspan，然后把數(shù)字為 2 的單元格刪除，列合并就完成了。
數(shù)字為 1 和 2 的單元格分別在不同的行中所以是進(jìn)行了行合并，因?yàn)橹恍枰喜蓚€單元格所以 rowspan 的值為 2， 行合并只需要在數(shù)字為 3 的單元格中添加屬性 rowspan，然后把數(shù)字為 6 的單元格刪除，行合并就完成了。
瀏覽器運(yùn)行效果如下：
html5中可以把table嵌套在form中就自然合并了。
form
table border="1" cellpadding="5" style="border:2px #26FF26 solid;text-align:center;"
trtd rowspan="2"使用 rowspan 的欄位/tdtd表格欄位/td/tr
trtd表格欄位/td/tr
/table
/form
你好！
style
table?{
font-family:?arial,?宋體,?sans-serif;
border-spacing:?0;
border-collapse:?collapse;
}
tbody?{
display:?table-row-group;
vertical-align:?middle;
border-color:?inherit;
}
td,
th?{
display:?table-cell;
vertical-align:?inherit;
}
table?th,
table?td?{
padding:?2px?10px;
font-size:?12px;
line-height:?22px;
height:?22px;
border:?1px?solid?#e6e6e6;
}
table?th?{
border-bottom:?1px?solid?#e6e6e6;
text-align:?left;
font-weight:?700;
height:?23px;
background-color:?#f8f8f8;
}
table.table-view?{
margin:?5px?0;
border-collapse:?collapse;
word-wrap:?break-word;
word-break:?break-all;
font-size:?12px;
line-height:?22px;
color:?#000;
}
caption?{
display:?table-caption;
text-align:?-webkit-center;
}
table?caption?{
font-weight:?700;
padding:?10px?0;
padding:?8px?0?9px;
font-size:?14px;
}
table?a?{
color:?#136ec2;
text-decoration:?none;
}
/style
table?log-set-param="table_view"?class="table-view?log-set-param"
caption金滿貫/caption
tbody
tr
th?height="0"?align="left"
div?class="para"?label-module="para"網(wǎng)球獎項(xiàng)/div
div?class="para"?label-module="para"（英文）/div
/th
th?height="0"?align="left"
div?class="para"?label-module="para"網(wǎng)球獎項(xiàng)/div
div?class="para"?label-module="para"（中文）/div
/th
th分類/th
th?height="0"?align="left"信息/th
/tr
tr
td?width="100"?height="0"?align="left"?valign="center"?rowspan="2"bGolden?Slam/b/td
td?width="87"?height="0"?align="left"?valign="center"?rowspan="2"
div?class="para"?label-module="para"a?target="_blank"?href="/item/%E9%87%91%E6%BB%A1%E8%B4%AF"b金滿貫/b/a/div
div?class="para"?label-module="para"b★★★★/b/div
/td
td?width="91"?align="left"?valign="center"年度金滿貫/td
td?valign="top"?align="left"?width="354"
div?class="para"?label-module="para"（年度金滿貫：是指一位選手在一個賽季里（一年）同時獲得所有四大滿貫賽事的冠軍和a?target="_blank"?href="/item/%E5%A4%8F%E5%AD%A3%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E8%BF%90%E5%8A%A8%E4%BC%9A"夏季奧林匹克運(yùn)動會/a網(wǎng)球項(xiàng)目金牌。）/div
/td
/tr
tr
td?width="91"?align="left"?valign="center"職業(yè)金滿貫/td
td?width="354"?align="left"?valign="center"（職業(yè)金滿貫：是指一位選手在職業(yè)生涯中非連續(xù)奪得所有四大滿貫賽事的冠軍和a?target="_blank"?href="/item/%E5%A4%8F%E5%AD%A3%E5%A5%A5%E6%9E%97%E5%8C%B9%E5%85%8B%E8%BF%90%E5%8A%A8%E4%BC%9A"夏季奧林匹克運(yùn)動會/a網(wǎng)球項(xiàng)目金牌。）/td
/tr
/tbody
/table
希望對你有幫助！
你好，關(guān)于html中標(biāo)簽的一些樣式屬性，其實(shí)在設(shè)置后會自動的生成css樣式，所以我們打開控制臺可以看見，雖然tr中你設(shè)置了borddercolor，但是在控制臺中查看tr的樣式可以看見如下圖所示：
tr在控制臺中的查看樣式
也就是說，tr的樣式是繼承（inherit）其父標(biāo)簽的，也就是table的，table是什么顏色，那它就是什么顏色，解決的方法就是使用css樣式，可以外部，也可以內(nèi)聯(lián)，這里使用內(nèi)聯(lián)樣式演示一下：
采用內(nèi)聯(lián)樣式解決
代碼如下（就是使用了內(nèi)聯(lián)樣式而已）：
!DOCTYPE html
html
head
meta charset="utf-8"
title設(shè)置行的邊框顏色/title
/head
body
table width="500" border="1" bordercolor="blue"
caption某公司員工工資/caption
tr
? th姓名/th
? th基本工資/th
? th崗位工資/th
? th績效工資/th
? th工齡工資/th
/tr
tr style="border-color: red;"
? td李1/td
? td1000/td
? td600/td
? td800/td
? td400/td
/tr
tr
? td王2/td
? td800/td
? td600/td
? td800/td
? td200/td
/tr
/table
/body
/html
style type="text/css"
!--
.tableborder {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
/*以上分別設(shè)置的是表格邊框中上右下左的邊框?qū)挾?/
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/*設(shè)置邊框的表現(xiàn)樣式，solid為實(shí)線*/
border-top-color: #0000FF;
border-right-color: #0000FF;
border-bottom-color: #0000FF;
border-left-color: #0000FF;
/*設(shè)置邊框的顏色*/
}
--
/style
table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder"
tr
tdclass="tableborder"是對樣式的調(diào)用，寫在table標(biāo)簽內(nèi)/td
td /td
/tr
/table
如果數(shù)據(jù)庫中有幾千甚至幾萬條數(shù)據(jù)，一下子顯示出來也是不現(xiàn)實(shí)的，立馬就想要了分頁。查看TWaver的API，并沒有發(fā)現(xiàn)表格中提供了分頁的功能。算了，還是自己來擴(kuò)展，想想TWaverJava中分頁的功能，HTML5實(shí)現(xiàn)起來應(yīng)該也不算太難，我們需要定義一個PagedTablePane，panel中包含表格和分頁欄，分頁欄參考了TWaver Java的那種：
仔細(xì)看看上面的分頁條，其實(shí)也不是那么復(fù)雜，幾個分頁按鈕加上分頁的信息，于是很快就模仿了一個類似的分頁欄，先上圖：
界面實(shí)現(xiàn)起來還是比較容易的，主要的是按鈕的操作和分頁信息的顯示，我們需要定義幾個變量：currentPage（當(dāng)前頁）、countPerPage（每頁的條數(shù)）、pageCount（頁數(shù)）、count（總數(shù)），定義了這幾個變量就可以將上圖中分頁的信息表示出來
重慶分公司
重慶分公司
