首頁 > 開發者 > JavaScript
html基礎（4），html基礎
今天準備為大家準備了表格和列表。
一、文章有各種資料的表格這個網頁也不例外。
（1）、標籤意思
<table>----------------------表格開始
<caption></caption>-------表格標題
<tr>--------------------行開始標籤
<th></th>-------------表頭
<tb></tb>-------------儲存格
</tr>-------------------行結束標籤
</table>---------------------表格結束
（2）、表格樣式
cellpadding 屬性設定儲存格邊框和儲存格內容的距離。
cellspacing 屬性設定儲存格之間的距離。
border 屬性工作表示邊框
width 設定表格的寬。
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>效果
二、無序列表
<ul> 無序列表屬性：
<li></li> （type屬性） <ul type="dise">（是無序列表前邊小黑點的屬性）
</ul> disc(實心圓) 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(按數字1.2.3...往下排) A（按大寫字母A.B.C...往下排） a（按小寫字母a。b。c....往下排）
Ⅰ(按大寫羅馬數字Ⅰ、Ⅱ、Ⅲ.....往下排)
（start屬性）<ol start="2">(表示這個有序列表不是預設的從1開始是從2開始的)
<html> <head><title>有序列表</title> </head> <body> <ol type="A"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> </body></html>效果 按照A,B,C... 往下排 type 只能寫那三種
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
