1.任务目标
我们这一小节学习一下html的块级元素,并理解什么是块级元素,并熟练运用。
2.块级元素
常用的块级元素
标题 h1 h2 h3 h4 h5 h6
列表 ol ul li dl dt dd
排版标签 p div hr center pre
表格 table
表单 form
3.什么是块级元素
上一3我们讲了
标签,它表示一个段落,在该标签后面会自动换行。
所以
标签是一个块级元素,它独自形成一块,跟后面的内容不会出现在同一行。
4.代码演示
我们拿div块级元素演示他和p差不多
<!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>我是第二个div</div>
<div>我是第三个div</div>
<div>我是第四个div</div>
</body>
</html>
效果如下
5.小结
本小结我们讲了块级元素,他独占一行跟后面的内容不会出现在同一行。我们要理解块级元素。熟练掌握并使用。