第六課 Html5常用標籤 html5學習1

king-blue發表於2019-02-15

HTML標籤的認識
一、標籤的分類
1、雙標籤 如<html> </html>
2、單標籤 如<br > 換行標籤

二、標籤的關係
1、巢狀關係
如<head> 與title 父子關係
<head><title></title></head>
2、並列關係
如<head>與<body> 兄弟關係

三、排版標籤
1、標題標籤 h1-h6 h1比較重要,一般用作網站的logo
2、段落標籤 p
3、水平線標籤 <hr /> 單標籤
4、換行標籤<br />
5、div span 標籤 網頁佈局標親 盒子

四、文字格式化標籤
1、文字加粗標籤
<b>不推薦使用的加粗標籤</b>
<strong>推薦使用的加粗標籤</strong>
2、文字傾斜標籤
<i>不推薦使用的傾斜標籤</i>
<em>推薦使用的傾斜標籤</em>
3、文字刪除線標籤
<s>不推薦使用的刪除線標籤</s>
<del>推薦使用的刪除線標籤</del>
4、下劃線標籤
<u>不推薦使用的下劃線標籤</u>
<ins>推薦使用下劃線標籤</ins>

五、標籤屬性

六、影像標籤
<img /> 單標籤

屬性:src 圖片路徑
alt 替換文字 圖片無法顯示時顯示的文字
title 滑鼠放在圖片上時顯示的文字

七、連結標籤
<a href=”連結路徑”></a>

八、錨點定位
適用於較長的頁面,我們可以點選某個關鍵詞,從而迅速到達頁面的這個位置
1、使用”<a href=”#id名”>連結文字</a>” 建立連結文字
2、使用相應的id名標註跳轉目標位置

九、base 標籤 單標籤 base可以設定整體連結的開啟狀態

例:<base target=”_blank” /> 連結開啟新視窗
<base target=”_self” /> 連結不開啟新視窗

十、特殊字元標籤 如:空格->&nbsp;等 百度檢視更多

十一、註釋標籤

<!–這是註釋–>
註釋快捷鍵: 單行註釋 ctrl+/ 多行註釋 ctrl+shift +/

相關文章