一文剖析HTML块和内联元素以及DIV容器,运维开发必备前端技能,基本功强化训练。

写在开篇

运维开发必备前端技能!虽然很枯燥,知识点很多,但要坚持住哦!笔者和大家一起坚持。本篇和大家一起巩固html中的块元素和内联元素以及DIV容器。
块元素
块元素的特点是啥?块级元素在浏览器显示时,通常会以新行来开始(和结束),块级元素只能出现在body元素内。
【一文剖析HTML块和内联元素以及DIV容器,运维开发必备前端技能,基本功强化训练。】html中的div元素就是块元素,我们看看下面的例子:
陪你复习巩固,攻破前端技能 - 锐客网 彩虹运维技术栈社区,公众号ID:TtrOpsStack欢迎广发盆友来稿,知识点不限!以下语言知识点可来稿:

效果如下图:
一文剖析HTML块和内联元素以及DIV容器,运维开发必备前端技能,基本功强化训练。
文章图片

在html中,都有哪些块级元素呢?笔者来给大家汇总一下,以下是HTML中所有的块级元素:
联系方式信息 文章内容 伴随内容
块引用
定义列表中定义条目描述 文档分区
定义列表
用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题
可将表单内的相关元素分组
定义figure元素的标题(caption)
规定独立的流内容(图像、图表、照片、代码等等)