HTML5——基礎標簽div、h1、p、hr、br、span、img、a


介紹

  <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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM