㊣傲楓曰:利用這個功能,可以將重點條列的更清楚。

重點表列

 這一個標籤其實很簡單,只是傲楓很少用它,所以就委屈它到最後
 才介紹了。

 表列有分為兩種,一種是可以使項目表示出順序的,我稱之為有序
 表列,像是 1,2,3......另一種就是不會表現出順序的無序表列,
 像是利用●  ■  這些符號加在項目的前面。


有序表列

寫法顯示
<ol>
<li>傲楓
<li>綠痕
<li>轉轉龜
</ol>
  1. 傲楓
  2. 綠痕
  3. 轉轉龜
<ol>...</ol>  表示一個有序表列的開始與結束。 <li>  代表一個新項目的開始。有幾個項目就要加幾個<li>  <ol>中還有幾個重要的屬性如下: type=  裡面可以填入A,a,i......也就是設定項目的符號為何,例如選擇A  就會以A、B、C......的順序排下去。 start=  裡面填入數字,指定起始的編號為何,舉例來說,如果我們設定  start="3",那麼第一個項目將會從 3 起跳,也就是3、4、5....
寫法顯示
<ol type="A" start="3">
<li>傲楓
<li>綠痕
<li>轉轉龜
</ol>
  1. 傲楓
  2. 綠痕
  3. 轉轉龜
<ol type="i" start="4">
<li>傲楓
<li>綠痕
<li>轉轉龜
</ol>
  1. 傲楓
  2. 綠痕
  3. 轉轉龜


無序表列

寫法顯示
<ul>
<li>傲楓
<li>綠痕
<li>轉轉龜
</ul>
  • 傲楓
  • 綠痕
  • 轉轉龜
<ul>...</ul>  表示一個無序表列的開始與結束。 <li>  代表一個新項目的開始。有幾個項目就要加幾個<li>  <ul>中就沒有start 這個屬性了,因為它是沒有順序的,但還是有  type這個屬性。 type=  裡面可以填入circle(空心方框)、disc(實心圓點)、  square(實心方框)
寫法顯示
<ul type="circle">
<li>傲楓
<li>綠痕
<li>轉轉龜
</ul>
  • 傲楓
  • 綠痕
  • 轉轉龜
<ul type="disc">
<li>傲楓
<li>綠痕
<li>轉轉龜
</ul>
  • 傲楓
  • 綠痕
  • 轉轉龜
<ul type="square">
<li>傲楓
<li>綠痕
<li>轉轉龜
</ul>
  • 傲楓
  • 綠痕
  • 轉轉龜


html教學部分已全部播映完畢,來賓請給點鼓勵!


回上一章 動態網頁