標簽的分類
1. 雙標簽 又叫常規標簽 : 有開始標簽和結束標簽 eg: <div></div> <body></body> …
2. 單標簽 又叫空標簽 : 只有開始標簽 eg : <br> <img> <meta> …
標簽的說明
代碼只有要嵌套就會出現縮進, head 和body可以不縮進
在 < 第一個單詞叫標簽名
標簽名的后面是屬性 ,屬性和標簽名之間有空格
多個屬性之間也用空格隔開, 屬性是由屬性名和屬性值組成,之間用 = 隔開,屬性值要加雙引號
常見的標簽–標題標簽
語法 : <h1></h1>~<h6></h6>
應用場景 : 用於寫網頁中的標題
特點 : 字號逐漸變小,字體加粗
說明 : h1標簽一般網頁中只有一個, 一般用於寫網頁中的logo, 或者整個網頁是一篇文章,文章的大標
題也用
h2~h6網頁中可以出現多次
不能為了改變字體大小而刻意使用標題標簽
常見的標簽—段落標簽
語法 : <p></p>
應用場景 : 用於寫網頁中的段落
常見的標簽–折行標簽
語法: <br>
應用場景 : 強制折行
常見的標簽–水平線標簽
語法: <hr>
作用 : 代表着一個內容的結束
常見的標簽–span標簽
語法 : <span></span>
它沒有什么實質的意義,可以理解成是一個小盒子,里面一般裝着一個或幾個文本
應用場景 : 控制局部文本的樣式
常見的標簽–區塊標簽
語法 : <div></div>
它沒有什么實質的意義,可以理解成是一個大盒子
應用場景 : 用於划分網頁中的版塊
常見的標簽–文本格式化標簽
<b></b> 文本加粗
<strong></strong> 不僅可以文本加粗,還有加重語氣在里面
<i></i> 文本傾斜
<em></em> 不僅可以文本傾斜,還有着重強調在里面
<del></del> 定義刪除文本
<sup></sup> 定義文本的上標
<sub></sub> 定義文本的下標
常見的標簽–超鏈接
語法: <a href="" target=""></a>
href : 跳轉的路徑
target : 打開的方式 : _self(默認值) _blank (在新窗口打開)
錨點鏈接:
在同一頁面內跳轉到不同位置
跳轉到不同頁面的目標位置。
常見的標簽– 圖像標簽
語法: <img src="" alt="" width="" height="">
src : 代表的是圖像的路徑
alt :圖像加載失敗給的提示信息
width : 圖像的寬
height : 圖像的高
注意:如果寬高只給一個,另外一邊會等比縮放
src 和alt屬性必須有
路徑
相對路徑:是指由這個文件所在的路徑引起的跟其它文件（或文件夾）的路徑關系
同級 : 文件名.擴展名
下一級: 文件夾 / 文件名.擴展名
上一級: ../ 文件夾 / 文件名.擴展名
根目錄 : / :eg : <img src="/5.jpg" alt="">
絕對路徑 是對一個位置路徑完整描述
具體盤符 eg: <img src="C://5.jpg" alt="">
具體的地址 (帶協議線上完整路徑)
eg: <img
src="http://img30.360buyimg.com/jdcms/s150x150_jfs/t1/128620/22/5063/111688/5ee99b0fE749f468f/080d7c138bddbba1.jpg.webp"
alt="">