1. 程式人生 > >HTML表格及框架介紹

HTML表格及框架介紹

url .html 排列 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表格及框架介紹