html中表格與清單的實例教程-html教學-PHP中文網

今天準備為大家準備了表格和清單。 " > 今天準備為大家準備了表格和清單。

" >效果

二、無序列表" > 二、無序列表

<ol> 　　　　　　有序列表屬性：　　<li></li&type="1;/litype="1; >" > 有序列表： <ol> 　　　　　　有序列表屬性：　　<li></li&type="1;/litype="1; >

首頁

web前端

html教學

html中表格與清單的實例教程

零下一度

Jun 24, 2017 am 11:58 AM

html 基礎表格

今天準備為大家準備了表格和清單。

一、文章有各種資料的表格這個網頁也不例外。

（1）、標籤意思

----------------------表格開始
　　-------表格標題
　　　　--------------------行開始標籤
　　　　　　-------------表頭
# 　　tbIlt;　〕-6; --單元格
　　　　-------------------行結束標籤

-------- -------------表格結束

（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>

登入後複製

效果

二、無序列表

　　（type屬性）

　〠　〠) 實動空心圓） square（方塊）

<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	 <ul type="circle">       
 		<li>无序列表</li>    
 	 </ul>           

     </body>
</html>

登入後複製

效果
　

#三、有序列表

有序列表：

(表示這個有序列表不是預設的從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中文網其他相關文章！