1. div
標簽(雙)
一個通用標簽,表示一個區塊(division),可用於存放文本內容以及其他標簽
2. span
標簽(雙)
一個通用目的的
行內標簽
(即不會產生換行),不帶有任何語義
3. p
標簽(雙)
一個
塊級元素
,代表文章的一個段落(paragraph)
4. a
標簽(雙)
用來定義超鏈接,使一張頁面鏈接到另外一張頁面
<a href="" target=""></a>
- 未被訪問的鏈接帶有下划線--藍色
- 已訪問的鏈接帶有下划線--紫色
href
屬性:表示鏈接的目標地址,也用於錨點鏈接(id名)。target
屬性:表示當前連接的打開方式,值為_self
表示默認當前窗口,值為_blank
表示在新窗口打開
5. img
標簽(單)
img為圖像標簽,可以向網頁中嵌入圖像:
<img src="" alt="" title="">
-
src
:用來引用圖像文件的絕對路徑或相對路徑(URL)
-- 相對路徑:當前位置開始尋找--范圍小
-- 絕對路徑:從根源出發(盤符出發),范圍大 -
alt
:規定在圖像 無法顯示時 的替代文本,解釋說明 -
title
:鼠標移動至圖片上方顯示相應文字信息
注意:我們一般在使用img
標簽時,隨即添加width/height
屬性來設置圖片大小,目的是:用來占據位置,防止網頁布局混亂
6. ul
無序列表(雙)
ul
標簽里邊只能是li
標簽,li
標簽里邊可以放其他標簽!
<ul type=""> <li>存放標簽體內容</li> </ul>
type屬性:
disc
--默認值,黑心圓circle
--空心圓square
--黑方塊
7. ol
有序列表(雙)
ol標簽里邊只能是li標簽,li標簽里邊可以放其他標簽!
<ol type=""> <li>存放標簽體內容</li> </ol>
type屬性:
1
--默認值,按照數字1開始排序A
--按照大寫英文字母A排序a
--按照小寫英文字母a排序I
--按照大寫羅馬字符排序i
--按照小寫羅馬字符排序
8. dl
自定義列表(雙)
<dl> <dt>標題</dt> <dd>內容</dd> </dl>
9. br
換行符(單)
換行符,單獨使用
10. hr
標簽(單)
水平線分割線,單獨使用
11. pre
標簽(雙)
一個塊級元素,表示保留原來的格式(瀏覽器會保留該標簽內部原始的換行和空格)
12. strong/b
標簽(雙)
以
粗體
顯示內容,表示內容本身的重要性(strong權重大於b)
13. em/i
標簽(雙)
以
斜體
顯示它包含的內容,表示語氣上的強調(em權重大於i)
14. code
標簽(雙)
一個行內元素,表示標簽內容是
計算機代碼
,瀏覽器默認會以等寬字體顯示
15. sup
標簽(雙)
右上角顯示內容
例如:x<sup>2</sup>
:表示x2
16. sub
標簽(雙)
右下角顯示內容
例如:H<sub>2</sub>O
:表示H2O