3-1 HTML标签概念 · 前端笔记

## 1 单标签 ~~~ <img> <br> <hr> <input> <link> ~~~ ## 2 开始标签和结束标签 - 拥有开头和结尾 ~~~ //开始标签 <body> //结束标签 </body> ~~~ ## 3.标签分类 ### 1.块标签 - display属性为block ~~~ <div></div> <p></p> <h1></h1> <ul> <li></li> </ul> <dl> <dt></dt> <dd></dd> </dl> ~~~ 特点：（1）自成一块，独占一行（2）可以设置宽和高 ### 2.行内标签 - display属性为inline ~~~ <a herf=""> <span></span> <i></i> <em></em> <strong></strong> ~~~ 特点：（1）并排显示（2）不能设置宽和高（3）不能设置margin-top,margin-bottom ### 3.内联块标签 - display属性为inline-block ~~~ <img src=""> <input> <button></button> ~~~ 特点：（1）并排显示（2）可以设置宽和高总结一句话就是：行内标签可以共在一行出现但是不能设置宽和高，块标签可以设置宽和高但是要独占一行 <br> 将标签分类之后如下图 ![](https://box.kancloud.cn/cbb70a4ba697bdbcc51b17962f3d3b81_722x618.png) ~~~