当下比较流行的网页布局是 div+css。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--div标签:(块级标签)每个标签内容都独占一行,换行-->
<div><img src="img\html.jpg"/>html课程</div>
<div><img src="img\js1.jpg"/>JS入门课程</div>
<div><img src="img\js2.jpg"/>JS进阶课程</div>
<!--span标签:(行内标签)每个标签内容都在一行展开,不换行,展示不下才换行-->
<span><img src="img\html.jpg"/>html课程</span>
<span><img src="img\js1.jpg"/>JS入门课程</span>
<span><img src="img\js2.jpg"/>JS进阶课程</span>
</body>
</html>
***标签嵌套规则***
-
块级元素 可包含 行内元素 和 某些块级元素;
-
行内元素 不能包含 块级元素,只能包含其他行内元素;
-
块级元素 不能放在<p>标签内;
-
特殊的块级元素只能包含行内元素,不能包含块级元素(如:h1、h2、h3、h4、h5、h6、p、dt)
-
块级元素 与 块级元素并列,行内元素 与 行内元素并列;
详情的行内元素、块级元素分类 参考《行内和块元素》