html中表格與清單的實例教程
- 零下一度原創
- 2017-06-24 11:58:411442瀏覽
今天準備為大家準備了表格和清單。
一、文章有各種資料的表格這個網頁也不例外。
（1）、標籤意思
f5d188ed2c074f8b944552db028f98a1----------------------表格開始
63bd76834ec05ac1f4c0ebbeaafb099437eb775bb5a9e6f3d094e96a76117fe8-------表格標題
a34de1251f0d9fe1e645927f19a896e8--------------------行開始標籤
b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b-------------表頭
# tbIlt; 〕-6; --單元格
fd273fcf5bcad3dfdad3c41bd81ad3e5-------------------行結束標籤
f16b1740fad44fb09bfe928bcc527e08-------- -------------表格結束
（2）、表格樣式
cellpadding 屬性設定儲存格邊框和單元格內容的距離。
height 設定表格的高。 [註]：高這個屬性最好不小給
table 中寫，讓它自動撐開就好。但這個可以給tr 給每行所需的高度
程式碼
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1px" width="500px" cellpadding="10px" cellspacing="10px">
<caption>表格标题</caption>
<tr height="50px">
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
效果
二、無序列表
ff6d136ddc5fdfeffaf53ff6ee95f185 無序列表屬性： 25edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb （type屬性） c8ee7e29c8d0ac3564aa3f8fbd2fcbe8（是無序列表前邊小黑點的屬性）
929d1f5ca49e04fdcb27f9465b944689 〠 〠) 實動空心圓） square（方塊）
<html>
<head>
<title>表格</title>
</head>
<body>
<ul type="circle">
<li>无序列表</li>
</ul>
</body>
</html>
效果
有序列表： c34106e0b4e09414b63b2ea253ff83d6 有序列表屬性： 25edfb22a4f469ecb59f1190150159c681783e157e19bad13ec85472299fcd51
f6f112ef45f603be226bc581f9dd5e90 1(按數字1.2.3...往下排) A（按大寫字母A.B.C...下排） 寫小...b。往下排） Ⅰ(大寫羅馬數字ㅀ㠀㠡、 Ⅰ( （start屬性）a1fde11fb0cc751f2ef48356aeb26c26(表示這個有序列表不是預設的從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中表格與清單的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！