WEB前端開發之html:常用標簽知多少
今天來介紹一下html常用標簽
基本結構
?
標題元素
●
~標簽用于定義標題
其中
的重要性最高,而的重要性最低。(權重)
●
標簽通常用于最頂層的標題。
●一個html文檔之中一般只有一個
標題
段落元素
●
標簽用于定義段落,瀏覽器會自動在其前后創建一些空白。
●
中的文字行數取決于瀏覽器窗口的寬度。(隨著大小換行)
●
中的連續空格最終都將解析成一個空格。
Div標簽??無語義 可嵌套
●div是division的含義,用來劃分區域,代表網頁中的塊,所以一般把它叫做塊標簽。
●div標簽通常用于包圍大塊內容,它沒有任何特殊的含義。
●div適合作為最通用的頁面容器。
●div是塊級元素
無論內容長度 ?占滿一行
span標簽??無語義
span是內聯標簽,用在一行文本中,用來修飾文字。
span是內聯元素
鏈接
●鏈接是HTML頁面非常重要的一環,如果沒有鏈接,每個HTML頁面將會孤
獨的存在,與其它頁面將不會有聯系。
鏈接標簽
鏈接屬性
●src屬性表示鏈接的地址,可以是相對地址或者絕對地址。
●target屬性表示點擊鏈接后打開的方式,默認值為
”self”,代表在當前窗口打開新鏈接,除此之后,還可以設置成“blank”, 代表在新的窗口中打開。
圖片標簽
●img標簽用于定義一-張圖片,屬于單標簽結構,它有兩個屬性, src代表圖片的地址, alt屬性代表當圖片無法顯示時的替代文本。
●圖片的地址可以使用相對路徑,也可以使用絕對路徑。
●alt屬性不要省略,目的是為了更好的兼容無圖瀏覽器,圖片會提示成alt屬性內的文字。
Title 可以顯示把鼠標放在圖片上的文字
●在img標簽上,還可以通過增加height屬性和width屬性來設置圖片的寬度和高度。
列表
無序列表
使用標簽定義無序列表,
表項內容沒有前后順序。
●可以在ul標簽上使用type屬性定義圖形符號的樣式,當屬性值為disc時,顯示為點;當屬性值為square時,顯示為方塊;當屬性值為circle時,顯示為圓。
示例:
- ?.
- 華為手機
- 華為電腦
- 華為手表
有序列表
●使用
- 標簽定義有序列表,
- 標簽定義列表項,有序列表的每一項有順序含義。
●有序列表的前綴通常為數字或者字母。
示例:
- 魔獸爭霸
- 星際爭霸
- 暗黑破壞神
自定義列表
●使用
- 標簽定義自定義列表,內部可以有多個列表項,每個列表項用
- 定義標題,用
- 定義列表項。
●
- 標簽定義了自定義列表( definition list )
- (定義列表中的項目)和
- (描述列表中的項目)
示例:
- 遼寧省
- 沈陽市 ?
- 大連市 ?
- 鞍山市
書山有路勤為徑,學海無涯苦作舟!
html
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。
●
- 標簽用于結合