搜尋本站文章

Loading

2011年8月8日 星期一

HTML 入門-part2

分享這篇文章到:
我得說...上一篇實在是有點失控,所以這篇要好好反省...

......

......

好,反省完了。 ((這麼快啊?!

這次要說些什麼呢?

我覺得啊~一次不要說太多

小時候,老師只要在台上說了一拖拉庫的東西

我就會聽得不耐煩

就會...我才不會打瞌睡!!!  ((=  =+

好吧...偶爾一次而已啦=  =

 

馬上來進入正題好了!

現在,請把 HTML 當成你的戰友,一同努力吧!!!  ((為啥上篇是敵人這篇是戰友啊?! =口=

因為不能總是獨自奮鬥!!!!  ((那敵人是誰? =  =

敵人就是,你心中的那道牆(盯)    ((......

 

馬上進入正題!  ((剛剛說過了=  =

項目格式




沒錯!!就是項目格式

有分為 符號式  數字式  定義式  ((光的三原色出現了!!!

 

還有 巢狀式

究竟是什麼呢?

一個一個介紹吧~

1.符號式

html寫法是這樣的
<ul>
<li>東
<li>南
<li>西
<li>北
</ul>

出來是這樣



  • 西



<ul>是指"非排序性列表",資料沒有排序關係。

在<ul>裡,可以加上"type="來改變樣式

像是
<ul type=disc>



<ul type=circle>



<ul type=square>




2.數字式

數字式只是把上面的 <ul>換成<ol>   </ul>換成</ol> 而已

此 ol 不是Office Lady的意思喔!  ((沒人說是啊! =口=|||

html寫法
<ol>
<li>東
<li>南
<li>西
<li>北
</ol>

出來是這樣



  1. 西



這裡的<ol>代表下面的資料屬於"排序性列表",是有順序的(1,2,3,4....)

當然,也可以改<ol type>,羞>///<      ((羞個屁啊!!!


<ol type=A>


  1. 西


<ol type=a>


  1. 西


<ol type=I>


  1. 西


<ol type=i>


  1. 西



在 code 裡面還可以加上 start= 來標示起始的數值

像是
<ol type=A start=2>
<li>東
<li>西
</ol>

就會從 B 開始~


  1. 西


 

3.定義式 

定義式是能安排 第一項目 主項目次項目

html範例
<dl>第一課:HTML好難
<dt>第一單元:難在哪?
<dd>看不懂
<dd>好複雜
<dt>第二單元:站長只會HTML的
<dd>粗淺皮毛
<dd>冰山一角
</dl>

第一課:HTML好難
    第一單元:難在哪?
        看不懂
        好複雜
    第二單元:站長只會HTML的
        粗淺皮毛
        冰山一角
 

.......

喂!!!亂講!  這叫做深入淺出好嗎?  什麼粗淺皮毛冰山一角=  =     ((是這樣嗎@@? 

這邊的<dl>是第一項目    <dt>是主項目    <dd>是次項目

就是這樣。

 

4.巢狀式

其實就是前面的合起來利用

範例:
<ol>
<li>第一單元
<ul>
<li>東
<li>南
</ul>
<li>第二單元
<ol>
<li>西
<li>北
</ol>
</ol>

有點複雜

寫成這樣可能比較好理解
<ol>
<li>第一單元
<ul>
<li>東
<li>南
</ul>
<li>第二單元
<ol>
<li>西
<li>北
</ol>
</ol>

出來就是長這樣!!

  1. 第一單元





  2. 第二單元

    1. 西





 

短短的教學就到這邊告一段落!

下回見!

さよなら

 

 

 

 

沒有留言:

張貼留言