第三篇
HTML教學 		網頁研習室 第三節
網頁排版 		 
打包元件 Div & Span 標籤
下載下載或列印列印本節標籤資料
您也可以用 <Div> 或 <Span> 標籤包住一段文字、一張圖、一個表格，那麼這三個東西就會被視作一個元件或區塊。
嚴格說這兩個標籤應屬於 CSS (Cascading Style Sheet) 標籤範圍內，大多配合動態 DHTML
DHTML 原文為 Dynamic HTML
語法使用。
<Div> 合 <Span> 標籤用於組織和結構化文檔，並經常與 Class 和 Id 屬性一起使用。
因為它具有排版效果，能作區塊內的文字安排，會隨瀏覽器縮排，所以在這裡先簡單介紹一下。
<Div> ...文字內容... </Div>
Div 原文為 Division
標籤語法 產生效果 語   法   說   明
<Div>
打包元件
 在這個標籤內的文字(元件)任何內容，瀏覽器都會將它視為一個物件，需要結束標籤，只有一個 Align 屬性，用法與之前一樣；在 <Div> ... </Div> 標籤前後的內容會換行。
範例(一) HTML標籤 第一個範例：<Div>我是一個被 Div 標籤</Div>包住的物件
顯示結果 第一個範例：
我是一個被 Div 標籤
包住的物件
<Div> 是區塊元素，用於建立容器 (Container) 來保存資料，一般用於整篇文章或大區塊物件上。
被 <Div> 包住的元件，會變成自成一區塊物件，旁邊的東西的會被擠到上一行或下一行去，自己獨立成一行。
<Div> 可有 Align 屬性，與 <P> 標籤用法類似，差別是 <P> 不具有容器 (Container) 功能。
<Span> ...文字內容... </Span>
標籤語法 產生效果 語   法   說   明
<Span>
打包元件
 在這個標籤內的文字(元件)任何內容，瀏覽器都會將之視作一個物件，需結束標籤，沒有 Align 屬性；在 <Span> ... </Span> 標籤前後的內容不會換行。
範例(二) HTML標籤 第二個範例：<Span>我是一個被 Span 標籤包住的物件</Span>
顯示結果 第二個範例：我是一個被 Span 標籤包住的物件
<Span> 是內嵌元素，可藉由使用樣式表用來呈現文字，用於一段文章或一小部份物件上。
被 <Span> 包住的物件，則可以和其他元(物)件擺在一起，不會斷行，也不會自成一個區塊。
<Span> 沒有 Align 屬性，不屬於 <HTML> 標籤用法。