HTML介紹

1. 概念
2. 元素
3. 標籤的特性
4. 屬性的特性

概念

• 網頁是由HTML(Hyper Text Mark-up Language)組成的文件
• 網頁內容可以包含文字，圖片，音樂，影像...，放在網路上供人瀏覽
• 使用者(客戶端)可以透過瀏覽器向伺服器發出請求(Request)，藉以取得伺服器上的網頁(伺服端)
  

元素(Element)

• HTML主要是由元素(Element)所組成
• 元素通常是由成對的標籤(Matching Tags)所組成
• 學習HTML就是瞭解標籤代表的意義和如何使用標籤
• 標籤主要目的是對網頁做排版和表達語意，讓網頁的內容可依設計者的想法呈現在使用者面前
• 通常元素和標籤是同一個意思，但以明確的定義來講，元素包含內容，而標籤不包含內容
• 元素的格式：
  
• 元素的內容通常是要呈現給使用者的資料
• 標籤和屬性決定如何呈現內容．如斜體、粗體、...
• 可以用<b>標籤來將內容字體加粗
  • 前文<b>粗體效果</b>後文 前文粗體效果後文
• 元素可分為行內元素(Inline Element)和區塊元素(Block Element)
  • 行內元素的寬度預設為內容的寬度
    • SPANSPAN
  • 區塊元素的寬度預設為父元素的寬度
    • div
      div

標籤的特性

• 標籤以<和>括住
  • <p>
• 標籤的內容必需是HTML的有效元素，否則<和>間的內容不會被顯示出來
  • <abc>內容A</abc>
    • 顯示：內容A
• 標籤通常是成對的
  • <p>段落內容 </p>
• <標籤>稱為起始標籤
• </標籤>稱為結束標籤
• 若是單獨的標籤，則型式必為<標籤 />
  • <br />
• 標籤不區分大小寫
  • <p> ＝ <P>
• 標籤和屬性間用空白隔開
  • <p id="p_id">

屬性的特性

• 屬性值若有空格需用單引號或雙引號括住
  • <p id='p id'> ＝ <p id="p id">
• 屬性值若沒有空格可直接填入或用單引號或雙引號括住
  • <p id=p_id> ＝ <p id='p_id'> ＝ <p id="p_id">
• 屬性和屬性之間需以空格格開
  • <p id='p_id'  name='p_name'>
• 屬性名和屬性值不區分大小寫
  • <p id='p_id'> ＝ <p Id='p_ID'>