块级,行级,行级块标签

块级,行级,行级块标签

块级标签

<!-- 块级标签  
	 独占一行,可以通过width,height设置宽高.
	 默认宽与父级宽一致,默认高:0/内容的高度
	 常见: h1....h6,p,ul,ol,hr,表格,表单 -->

行级标签

<!-- 行级标签  只占自身大小
	   不占一行,调节宽高无效
	   常见:a,b,i,font
	 -->

行级块标签

<!-- 行级块标签  
	  可以设置宽高,不占一行
	  常见:img,input
	  -->

注意： 一般情况下使用块级标签包含行级标签，不使用行级标签包含块标签。

​ a可以包含任何标签，除去a本身；

​ p标签不可以包含任何的块标签

dispiay改变标签

<!-- display: inline; 将标签改变为行级标签-->
		<h2 style="display: inline; width: 80px;" >哈哈哈</h2>

<!-- display: block;  将标签改变为块级标签 -->
		<b style="display: block; width: 80px; height: 100px;">哈哈哈</b>

<!--display: inline-block;  将标签改变为行级块标签 -->
		<p style="display: inline-block;">哈哈哈</p>

div和span

<!-- div标签
		 div是块级标签，可以放置任何标签。
		 div没有任何附加功能，给了什么属性就能变成什么样。
		 div主要的作用是被用来布局网页。-->
   <div class="" align="center"style="color: aqua;">哈哈哈哈</div>
<!-- span标签
		  span是行级标签
		  span 没有任何附加功能，给了什么属性就能变成什么样。
		  span标签被用来选中文档中的文字-->
	<span  class="" style="" > 哈哈哈哈</span>