文字標籤和樣式

< em>和< strong>都表示乙個強調的

~em標籤用於表示一段內容中的著重點(語氣上的)。strong標籤用於表示乙個內容的重要性。

這兩個標籤可以單獨使用，也可以一起使用。通常em顯示為斜體，而strong顯示為粗體。

~ i標籤會使文字變成斜體。 b標籤會使文字變成粗體。

這兩個標籤和em和strong類似，但是這兩個標籤沒有語義。

• 所以根據html5標準，當我們只想設定文字特殊顯示，而不需要強調內容時就可以使

用i和b標籤。

~瀏覽器在顯示small標籤時會顯示乙個比父元素小的字型大小

網頁上所有加書名號的都可以使用cite

~ blockquote和q表示標記引用的文字。 blockquote用於長引用，q用於短引用。

在兩個標籤中還可以使用cite屬性來表示引用的位址,q標籤中的內容瀏覽器會自動加引號

~ sup和sub用於定義上標和下標。

上標主要用於表示類似於103中的3。 下標則用於表示類似餘h2o中的2。

~ins表示插入的內容，顯示時通常會加上下劃線。 del表示刪除的內容，顯示時通常會加上刪除線

< code>和< pre>

~如果你的內容包含**示例或檔名，就可以使用code元素。

pre元素表示的是預格式化文字，可以使用pre包住code來表示一段**。

~ 使用ol和li來建立乙個有序列表。塊元素

>

>
列表項1li
>
>
列表項2li
>
>
列表項3li
>
ol>

~使用ul和li來建立乙個無序列表。塊元素

>

>
列表項1li
>
>
列表項2li
>
>
列表項3li
>
ul>

~使用dl、dd、dt來建立乙個定義列表。

>

>
定義項1dt
>
>
定義描述1dd
>
>
定義項2dt
>
>
定義描述2dd
>
>
定義項3dt
>
>
定義描述3dd
>
dl>

我們一般結合使用來表示一段**

~px

– 如果我們將乙個放大的話，我們會發現乙個

是有乙個乙個的小色塊構成的，這乙個小色塊就是一

個畫素，也就是1px，對於不同的顯示器來說乙個畫素

的大小是不同的。

~百分比

– 也可以使用乙個百分數來表示乙個大小，百分比是相

對於父元素來說的，如果父元素使用的大小是16px，

則100%就是16px，200%就是32px。

~ em

– em和百分比類似，也是相對于父元素說的，1em就相

當於100%，2em相當於200%，1.5em相當於150%。

用的最多的顏色是十六進製制符號。乙個顏色值，比如：#6600ff實際上包含了三組十六進製制的數字。

~ 也可以使用計算機中常用的rgb值來表示顏色。可以使用0 ~ 255的數值，也可以使用0%~100%的百分比數。

rgb(100%,0%,0%)

rgb(0,255,0)

第乙個數表示紅色的濃度，第二個數表示綠色濃度，第三個數表示藍色的濃度

~ rgba表示乙個顏色和rgb類似，只不過比rgb多了乙個a（alpha）來表示透明度.

rgba(255,100,5,0.5)

透明度需要乙個0-1的值。0表示完全透明，1表示完全不透明。

• font-size用來指定文字的大小。

• 通過font-family可以指定標籤中文字使用的字型 比如： `p`
• 通過font-family可以同時指定多個字型。
• 通過font-family可以同時指定多個字型。
• font-style用來指定文字的斜體。
• font-weight用來指定文字的粗體
• font-variant屬性可以將字母型別設定為小型大寫。
• font可以一次性同時設定多個字型的樣式。—— `font:加粗 斜體 小型大寫 大小/行高 字型`
• line-height用於設定行高，行高越大則行間距越大。—— 行間距 = line-heig
• text-indent用來設定首行縮排

HTML 標籤文字樣式

標籤都可以用來改變文字的外觀，並為文字關聯其隱藏的含義。總地來說，這些標籤可以分成兩類 基於內容的樣式 content based style 和物理樣式 physical style 基於內容的樣式標籤會告訴瀏覽器它所包含的文字具有特定的含義 上下文或者用法。eg 在討論基於內容的樣式標籤時，我們...

文字標籤及樣式

一 文字標籤 二 列表 在html網頁中一共有三種列表 無序列表 使用ul標籤來建立乙個無序列表。使用li在ul中建立乙個乙個的列表項。乙個li就是乙個列表項。通過type屬性可以修改無序列表的專案符號。可選值 disc，預設值，實心圓點。square，實心方塊。circle，空心圓。ul有序列表 ...

文字標籤及樣式

目錄 1 文字標籤 1.1em strong 1.2 i和b 1.3 small 1.4 cite 1.5 blockquote 和q 1.6 sup和sub 1.7 ins和del 1.8 code和pre 1.9 有序列表 1.10 無序列表 1.11 定義列表 2.文字格式化 2.1 文字大小...