<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 布局标签（结构化标签）
header 网页的头部
main 网页的主体部分（一般就一个）
footer 网页的底部
nav 网页的导航
aside 和主体相关的内容，侧边栏
article 文章之类的
section 独立的区块，上面的标签都不合适，就用这个，也没有任何语义，
用来代替div
div 块元素
-->
</body>
</html>
-------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>子必逃完。</div>
<div>孔得色命，慨亡穿洪。</div>
<!--
元素会区分
块元素（block element）常用来布局
特点：
1.块元素会独占一行，而且从上往下依次排列
2。块元素的宽度默认是父元素的100%
3.块元素的高度默认是被内容撑开的
常用的块元素：div h1~h6 p header footer nav......
h行内元素（inline element）
特点：
1.行内元素不会独占一行，它是自左向右排列，一行排满，再另起一行，继续从左向右
2.行内元素的宽和高都是被内容撑开的
常用行内元素：span em strong a i
行内块元素
特点：兼具块元素和行内元素的特点
不会独占一行，可自定义宽高
常用行内块元素
注意：
1、块元素里面什么都能放，可以放块元素、行内元素、行内块元素
2、行内块元素里面一般只放行内元素，如文字，不能放块元素
3、特殊的块元素p标签，它里面一般只放文字或图片，不能放块元素
4、特殊的行内元素a标签，它里面什么都能放，可以放块元素、行内元素、行内块元素
除了它自己
元素之间可以相互转换
用display属性
-->
</body>
</html>
扫一扫
2257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
