本章目录
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.小结
本小结我们讲了块级元素,他独占一行跟后面的内容不会出现在同一行。我们要理解块级元素。熟练掌握并使用。