table( 表格)以及列表的使用

來源:互聯網
上載者:User

標籤:

<p>===============table知識總結===============</p>
<ol type="A">
<li>table即是表格的意思,以table開始以及結束。</li>
<li>caption標籤  是為表格添加標題,不現實在表格範圍之內,且只能有一個。</li>  
<li>tr代表行,td代表列,th是td的拓展,<b>th標籤內的內容會議粗體和置中的樣式顯示。</b></li>
<li>th標籤不可以與caption,tr,td等標籤嵌套。</li>
<li>width,height 寬頻和高度的設定,單位可以是像素和百分比,非巢狀表格格百分比相對於瀏覽器視窗,
否則相對於嵌套的表格</li>
<li>表格對齊,align="left,right,center" 靠左對齊(預設),靠右對齊,置中對齊。
可針對與水平方向的行</li>
<li>valign 用於設定表格當前的垂直對齊。可以針對於豎直方向的列,</li>
<li>border設定邊框寬度,bordercolor 設定邊框顏色,使用十六進位表示。</li>
<li>cellspacing 儲存格之間的間距,內框與外框之間的距離。</li>
<li>cellpadding 控制儲存格裡的內容與邊框的間距以像素為單位。</li>  
<li>bgcolor設定背景顏色,但是會被單個格子的顏色覆蓋</li>
<li>bordercolor 設定行的邊框顏色 此處未能實現,有問題</li>
<li>colspan 儲存格水平跨度是指在複雜的表格結構中,有些儲存格是跨多個列的 rowspan 是針對於跨行的</li>
<li>在HTML檔案中 thead、tbody、tfoot都只有一個,分別對應於表格的表首、表主體、表尾,
只是起將表格分段的作用,規範問題不影響tr、td  的使用。</li>

列表:
1、無序列表:<ul> <li></li> </ul>  展現的效果就是同一等級的用同一個標示標示  標準type:disc(實心圓)、circle(空心圓)、square(正方形)
2、定義列表標記dl  <dl> <dt>這裡面放置定義條件</dt> <dd>定義描述,解釋說明。</dd> <dl>
3、菜單標記列表 menu  功能與<ul>無序列表一致,也是與<li>搭配,用於顯示菜單。
4、目錄列表  dir功能與<ul>無序列表一致,也是與<li>搭配,用於顯示目錄大綱。  (個人認為:之說以設定這麼多功能幾乎相同的標籤,就是因為規範問題。)
5、使用有序列表 <ol> <li></li></ol>  type的類型:數字--1,英文字母--A/a,羅馬數字--I/i,有序列表的起始值設定:start=“類型”。
這些列表都可以相互嵌套。

table( 表格)以及列表的使用

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.