块级标签:独占一行,可以设置宽高
常用的块级标签 : div, h1-h6. p, ul, ol,form, hr,dl,dt,dd...
行级标签:可以和其他元素在一行,不可以设置宽高
常用的行级标签 : span,b, strong,em,a,i,u...
行级块(行内块):img,input 可以设置宽高,可以和其他元素在一行
---------------------------------------------------------------------
容器级标签
常见容器级的标签: div h ul ol dl li dt dd ...。
文本级标签
常见文本级的标签:span p buis strong em ins del ...
-------------------------------------
嵌套问题:
1.行标签可以嵌套行标签,不可以嵌套块标签
2.块标签可以嵌套块标签,但是
注意:p标签嵌套块标签会被被截断成两个p标签
p还是一个文本级的标签,能放文字、图片、表单元素,还有span strong等文本标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>123456
<div>123</div>
<div>456</div>
</p>
</body>
</html>
可以通过display属性来进行转换
display : block;
display : inline-block;
display : inline;