結構化元素

語義化元素

字型樣式

文字樣式

結構化元素

   標題元素：h1-h6  預設效果：h1最大，h6最小，

                  預設效果是由瀏覽器自帶樣式，可以自己css改

                  每個都獨佔一行，垂直方向排列

                  實際開發：

                  常用 h1 h2 h3，三級標題夠了，

                  h1最重要，大標題

                       *有利於搜尋引擎抓取<title>  關鍵字 <h1>

                       *一個html中儘量只出現一個標題<h1>

   段落元素

     段落之間的空白區域比自動換行大

    一個段落結束，另一個開始，會自動換行

    粗體元素<b>          表示粗體，多用css，在p有用，h1沒用，<b></b> 不然之後的都加粗了

    斜體元素<i>        表示斜體，效果傾斜,多用css

    上標與下標元素

    水平線<hr>     多用css

    換行元素 <br>     htm5版本寫法，html4用<br />-不推薦

    空白元素  瀏覽器一個空格識別一個，瀏覽器多個空格識別一個，叫做空白空間摺疊

語義化元素  大部分都是

    加粗：<strong></strong>,css取代

    強調：<em></em>,就是斜體，css替代

    引用：<blockquote><blockquote> 縮排  <q></q> 新增雙引號

    引文：<cite></cite>斜體

    地址：<address></address> 斜體

    內容修改（比較重要，軟體線上文件編輯功能，如騰訊文件）：<ins>插入，字下面有一橫    <del>劃掉，字中間有一橫

文字

  字體系列：font-family 當前文字字型,備選：使用者電腦已經安裝的字型，所以必須選擇使用使用者電腦有的字型

                    自帶字型很少---可一次性選擇多個字體系列，中間逗號分隔

                    不同使用者顯示可能不同---解決方法？

  字型大小：font-size

                    絕對大小值（px）；相對大小值（larger，smaller，不太用）百分比值（百分比，相對於頁面大小）長度值em，相對於父級

  粗體： font-weight

              絕對值：normal ，bold  相對值：lighter，bolder，數字值

  斜體：font-style

             italic 書寫體，高度會矮一點    oblique 

font屬性（建議使用這個簡寫屬性）

  font：可以把所有的屬性都寫在一起，定義樣式的順序是固定的