HTML表格及架構介紹

來源:互聯網
上載者:User

標籤:blank   tab   square   ref   文字   src   fan   邊框   排列   

一、列表
1、有序列表ol
   <ol type="1預設/a/A/i/I">
    <li></li>
   </ol>

2、無序列表ul(實際應用中,比有序列表廣泛) 重點掌握
  <ul type="disc預設實心圓/square實心方型/circle空心圓"/>
    <li></li>
  </ul>
3、定義列表——適用於圖片和文字內容的混合排列中 重點掌握
  <dl>
    <dt></dt>標題
    <dd></dd>內容 (多個)
  </dl>

二、表格table 重點掌握
1、基本文法:建立表格的3個步驟P41頁
  <table aligh="">(預設靠左對齊)
   <tr>
    <td></td>
  
         </tr>
  </table> PS: table聲明表格 
 tr行的標記
 td 儲存格標記:資料填充在該標記當中
2、表格的常用屬性
2.1對齊
  水平對齊aligh,(還可以應用在table上)
  垂直對齊valigh:一般用於儲存格td 都可以應用在tr td 上 
2.2邊框——border
2.3表格的寬和高
  寬:width
  高:height
3、表格跨行rowspan、跨列colspan【痛點】 重點掌握
三、架構iframe 
  <frameset>架構 比較少了 
  <iframe>內嵌架構
1、框架組合frameset
  框架組合:<frameset cols="列" rows="行">
  單個架構:<frame src=""/>
  PS:【frameset 不能與body共存】

2、內嵌架構iframe
  <iframe src="頁面或者一個網址"width="寬" height="高"/> 
  可以嵌在頁面任何位置 可以與body共用
3、target屬性
  -blank
  -self
  -parent
  -top 架構名

HTML表格及架構介紹

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.