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