< em>和< strong>都表示乙個強調的
~em標籤用於表示一段內容中的著重點(語氣上的)。strong標籤用於表示乙個內容的重要性。
這兩個標籤可以單獨使用,也可以一起使用。通常em顯示為斜體,而strong顯示為粗體。< i>和< b>
~ i標籤會使文字變成斜體。 b標籤會使文字變成粗體。
這兩個標籤和em和strong類似,但是這兩個標籤沒有語義。< small>• 所以根據html5標準,當我們只想設定文字特殊顯示,而不需要強調內容時就可以使
用i和b標籤。
~瀏覽器在顯示small標籤時會顯示乙個比父元素小的字型大小
網頁上所有加書名號的都可以使用cite< blockquote>和< q>
~ blockquote和q表示標記引用的文字。 blockquote用於長引用,q用於短引用。
在兩個標籤中還可以使用cite屬性來表示引用的位址,q標籤中的內容瀏覽器會自動加引號< sup>和< sub>
~ sup和sub用於定義上標和下標。
上標主要用於表示類似於103中的3。 下標則用於表示類似餘h2o中的2。< ins>和< del>
~ins表示插入的內容,顯示時通常會加上下劃線。 del表示刪除的內容,顯示時通常會加上刪除線
< code>和< pre>
~如果你的內容包含**示例或檔名,就可以使用code元素。
pre元素表示的是預格式化文字,可以使用pre包住code來表示一段**。有序列表
~ 使用ol和li來建立乙個有序列表。塊元素
>
>
列表項1li
>
>
列表項2li
>
>
列表項3li
>
ol>
10.無序列表
~使用ul和li來建立乙個無序列表。塊元素
>
>
列表項1li
>
>
列表項2li
>
>
列表項3li
>
ul>
定義列表
~使用dl、dd、dt來建立乙個定義列表。
>
>
定義項1dt
>
>
定義描述1dd
>
>
定義項2dt
>
>
定義描述2dd
>
>
定義項3dt
>
>
定義描述3dd
>
dl>
12.< pre> 和< code> 語義化標籤 可以顯示原內容
我們一般結合使用來表示一段**單位
~px– 如果我們將乙個放大的話,我們會發現乙個
是有乙個乙個的小色塊構成的,這乙個小色塊就是一
個畫素,也就是1px,對於不同的顯示器來說乙個畫素
的大小是不同的。
~百分比– 也可以使用乙個百分數來表示乙個大小,百分比是相
對於父元素來說的,如果父元素使用的大小是16px,
則100%就是16px,200%就是32px。
~ em十六進製制顏色– em和百分比類似,也是相對于父元素說的,1em就相
當於100%,2em相當於200%,1.5em相當於150%。
用的最多的顏色是十六進製制符號。乙個顏色值,比如:#6600ff實際上包含了三組十六進製制的數字。rgb值
~ 也可以使用計算機中常用的rgb值來表示顏色。可以使用0 ~ 255的數值,也可以使用0%~100%的百分比數。
rgb(100%,0%,0%)rgbargb(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 文字大小...