1、標題標簽： h1~h6 ctrl+1~6

2、段落標簽： p ctrl+shift+p

3、換行標簽： br shift+回車

4、水平線： hr

5、加粗標簽： strong ctrl+b

6、傾斜標簽： em ctrl+i

7、空格標簽：  

8、圖片標簽：<img src=’圖片路徑’ alt=’圖片加載錯誤提示文字’ title=’鼠標懸停文字’ width=’寬度’ height=’高度’ />

9、超鏈接：<a href=’鏈接路徑’ traget=’_blank’>文本/圖片</a>

10、錨鏈接：

(1) 定義錨：給標簽加id屬性，id=”top”

(2) 跳轉到錨：<a href=”#top”>top</a>

11、行級標簽

1.Strong

2.Em

3.A

4.Img

12、塊級標簽

1.標題標簽

2.段落標簽

Display：inline-block設置元素具有行級標簽和塊級標簽的屬性

.da dl dd p:nth-of-type(1)：當dd下面的段落p有好幾個的時候，你有只想給第一個段落p加樣式的時候用到這個！！！

Float：浮動

Z-index：層次 z-index：1比z-index：2 低一層

設置div半透明的代碼：opacity:0.7；

設置div溢出隱藏的代碼：overflow:hidden;

設置css的動畫效果：transition: all 0.5s linear

設置css時圖片在div中同比例放大或者同比例縮小：transform: scale(1.1)

用在網頁上，默認情況下它們起的均是加粗字體的作用，但是二者所不同的 1. 標簽是一個實體標簽，它所包圍的字符將被設為bold（粗體），而標簽是一個邏輯標簽，它的作用是加強字符的語氣，一般來說，加強字符的語氣是通過將字符變為bold（粗體）來實現的。 2. strong是web標準中xhtml的標簽，strong的意思是“強調”；b是html的，b的意思是bold（粗體）。web標準主張xhtml不涉及具體的表現形式，“強調”可以用加粗來強調，也可以用其它方式來強調，比如下劃線，比如字體加大，比如紅色，等等，可以通過css來改變strong的具體表現。 3. 并不是說有了strong，就淘汰了b，只是這個b很無辜，就因為自己表示的是字體加粗，恰巧跟strong默認情況下強調的效果一致，其實這個strong完全可以定義成別的樣式的強調效果。 總結，為了符合現在W3C的標準，推薦使用strong標簽。

HTML <rb> 標簽功能

HTML Ruby Base（<rb>）元素用于分隔<ruby>注釋的基本文本組件（即正在注釋的文本）。

一個<rb>元素應該包裝基本文本的每個單獨的原子段。

用法注解

Ruby 注解用于展示東亞文字的發音，例如使用日語羅馬音和漢語拼音的文字。

<rb> 元素用于分隔出ruby基本文本的每個片段。

雖然 <rb> 不是一個空元素，但是在源碼中通常只包括每個元素的開始標簽。

因此ruby標記就不那么復雜，也更容易閱讀。在渲染版本中，瀏覽器也可以填充完整的元素。

你需要為要注釋的每個基本段（<rb>元素）包含一個<rt>元素。