什么是html元素?
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
什么是div?
div是一个标签,叫做一个块标签,一个div就是一个块,单独占用一行,div可以用作容器,容纳其他html元素(可以包含其他标题,表格,图片等各种html元素)。
单独使用起来,没有其他的效果,需要通过css来控制。
示例(单独占一行)
我是一个好人!
什么是span?
span是一个标签,它是一个内联标签。
单独使用起来没有其他效果,需要通过css来控制样式。
当没有css控制span的样式的时候,span对标签里面的内容,没有任何效果影响。
示例:
SiKi学院是一个很牛B的网站!没错!
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>什么是html元素</title>
</head>
<body>
什么是html元素?
<p>我是一个好人!</p>
</body>
</html>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>什么是div</title>
</head>
<body>
<div>我是第1个div标签里面的内容<h1>这个是标题</h1></div>
<div>我是第2个div标签里面的内容</div>
<div>我是第3个div标签里面的内容</div>
我是第1个div标签里面的内容<br />
我是第2个div标签里面的内容<br />
我是第3个div标签里面的内容<br />
</body>
</html>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>什么是span标签</title>
</head>
<body>
<span>我是第1个span标签里面的内容</span><br />
<span>我是第2个span标签里面的内容</span><br />
<span>我是第3个span标签里面的内容</span><br />
我是第1个span标签里面的内容<br />
我是第2个span标签里面的内容<br />
我是第3个span标签里面的内容<br />
<p>我是第1个p标签里面的内容</p>
<p>我是第2个p标签里面的内容</p>
<p>我是第2个p标签里面的内容</p>
</body>
</html>