介紹
<div>
作用
就是一個容器,這個容器中可以放置各種標簽內容
特點
寬度自動設置為父容器寬度
高度隨內容進行自適應
獨占一行
使用
<div> Hello,World! </div>
介紹
<h1>
作用
標題標簽,作標題
特點
等級從<h1>~<h6>逐漸降低,標題中文字自動設置為粗體
寬度為父容器寬度
高度為自適應
獨占一行
使用
<h1> Hello,World! </h1>
介紹
<p>
作用
段落標簽,組成段落
特點
寬度為父容器寬度
高度自適應
獨占一行
段落前后隔開一行
使用
<p> This is earth human , how are you firend? lol </p>
介紹
<hr/>
作用
水平線標簽,畫水平線
屬性
寬度為父容器寬度
高度自適應
獨占一行
使用
<hr/>
介紹
<br/>
作用
換行標簽,強制換行
屬性
就是強制換行,屬性什么不太清楚
使用
<div> Hello<br/>World </div>
介紹
<span>
作用
<span>標簽,修飾文字元素
屬性
寬度自適應
高度自適應
使用
<span style="background-color:red; "> Hello,World! </span>
介紹
<img src="圖像url" alt="文字提示" />
作用
圖像標簽,顯示圖像
屬性
寬度默認圖片寬度
高度默認圖片高度
src:圖像url
alt:文字提示
使用
<img src="img/b.jpg" alt="頭像"/>
介紹
<a href="跳轉的 url地址 " target="新頁面的彈出方式" >文本或圖像</a>
作用
超鏈接標簽,用於打開另一個網頁
屬性
寬度自適應
高度自適應
href:跳轉的url地址
target:新頁面的彈出方式
_self:當前頁面(默認)
_blank:新頁面
使用
<a href="https://www.baidu.com" target="_blank">百度一下</a>
