介绍

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