SPAN及DIV之介紹及應用


SPAN標籤介紹
前言
本週的內容，為了因應往後網頁設計的需求，必須先介紹SPAN及DIV，因為這兩個指令可以將HTML檔案中的某一段落獨立出來， 使得JScript的功用能夠發揮的更為淋漓盡致。

SPAN標籤
SPAN可以將一段文字區塊獨立出來，但是卻不會破壞原先的格式內容。SPAN和B一樣是屬於同一型式的標籤， 也就是說它可以和其他的標準文字結合在一起，而不會形成斷行的結果。

SPAN的用法
一般來說，SPAN並沒有什麼特別的效果，在使用時多半是配合CSS及JScript來使用，它沒有什麼特別的語法， 就是<SPAN>...</SPAN>，如此簡單而已。

練習一：SPAN標籤使用範例： 


    <HTML>
    <HEAD>
    <TITLE> 輕鬆一下 </TITLE>

    <STYLE Type="text/css">
    <!--
      #id_normal{font-size:"10pt";font-family:"Comic Sans MS"}
      #id_span  {font-size:"20pt";color:"green"}
    -->
    </STYLE>

    </HEAD>
    <BODY>

    <P id="id_normal">
    這個範例是要讓大家對於SPAN有一個概念，<BR>
    它的作用是將其所包含的文字範圍，<BR>
    按照<SPAN id="id_span">CSS or Script</SPAN>的設定做相對的改變。<BR><BR>
    大家可以比對原始檔案，以了解SPAN的用法。<BR><BR>
    </P><BR>

    </BODY>
    </HTML>

看練習一執行的結果：



到下一頁