html篇之《标签分类和嵌套规则》

一            、常用标签

(1)

一个区块容器标记            ，可以包含图片 
  
 
  
 
  
 
  
 
  
 
  
 、表格












、段落等各种html元素

(2)

没有实际意义 
  
 
  
 
  
 
  
 
  
 
  
 ，为了应用样式

二 
  
  
  
  
  
 、标签分类

(1) 块级标签

独占一行












，会换行 包含： <div></div> 
  
  
  
  
  
  、<ul></ul>

 


 


 


 


 


 

、<ol></ol> 
 
 
 
 
 
、<li></li> 
   
   
   
   
   
   、 <dl></dl>
 

 

 

 

 

 
、<dt></dt>
 

 

 

 

 

 

、<dd></dd>            、<h1>~<h6> 

 
 

 
 

 
 

 
 

 
 

 
 、 <p></p>












、<form></form>                  、<hr /> ……

(2) 行内标签

同在一行 
  
  
  
  
  
 ，不换行 包含： <span></span> 
 
 
 
 
 
 
 
 
 
 
 
 、<b></b>


















、<em></em>            、<img /> 
  
 
  
 
  
 
  
 
  
 
  
 、 <input />












、<a></a> 
  
  
  
  
  
 、 
  
  
  
  
  
  、

 


 


 


 


 


 

、 <textarea></textarea> ……

三 
 
 
 
 
 
、标签嵌套规则

块级元素可包含行内元素和某些块级元素 行内元素不能包含块级元素 
  
  
  
  
  
  ，只能包含其他行内元素 块级元素不能放在<p></p>标签内 特殊块级元素只能包含行内元素

 


 


 


 


 


 

，不能包含块级元素 
 
 
 
 
 
，例如：<h1>~<h6> 
   
   
   
   
   
   、<p></p>
 

 

 

 

 

 
、<dt></dt> 块级元素与块级元素并列 
   
   
   
   
   
   ，行内元素与行内元素并列

我是弦歌
 

 

 

 

 

 
，

一个渴望成长的前端小白
 

 

 

 

 

 

，

欢迎您的留言            ，

更期待您的不吝指正 
  
  
  
  
  
  。

若我的内容能帮助到您 

 
 

 
 

 
 

 
 

 
 

 
 ，欢迎关注我哦 ♥

记得点赞收藏哦 ♥