HTML新手入门笔记整理:块元素和行内元素

块元素

在HTML中,块元素在浏览器显示状态下独占一行,并且排斥其他元素与其位于一行。一般情况下,块元素内部可以容纳其他块元素和行内元素。

常见块元素

|--------|-------|
| 块元素 | 说明 |
| h1~h6 | 标题元素 |
| p | 段落元素 |
| div | div元素 |
| hr | 水平线 |
| ol | 有序列表 |
| ul | 无序列表 |


行内元素

在HTML中,行内元素可以与其他行内元素位于同一行,行内元素(标签内部)只可以容纳其他行内元素,不可以容纳块元素。

常见行内元素

|----------|-------------------|
| 行内元素 | 说明 |
| strong/b | 粗体元素 |
| em | 斜体元素 |
| a | 超连接 |
| span | 常用于行内元素,结合CSS定义样式 |


相关推荐
kyriewen113 小时前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
skywalk81635 小时前
Kotti Next的tinyfrontend前端模仿Kotti 首页布局还是不太好看,感觉比Kotti差一点
前端
RopenYuan7 小时前
FastAPI -API Router的应用
前端·网络·python
走粥7 小时前
clsx和twMerge解决CSS类名冲突问题
前端·css
Purgatory0018 小时前
layui select重新渲染
前端·layui
weixin199701080168 小时前
《中国供应商商品详情页前端性能优化实战》
前端·性能优化
赵孝正10 小时前
学习的本质是一个工程闭环:从模仿到内化的四阶段方法论(附风电实战案例)
前端·数据库·学习
Panzer_Jack12 小时前
easy-live2d v0.4.0 — 全面进化的 Live2D Web 开发体验
前端