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

块元素

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

常见块元素

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


行内元素

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

常见行内元素

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


相关推荐
逝川长叹9 分钟前
利用 SSI-COV 算法自动识别线状结构在环境振动下的模态参数研究(Matlab代码实现)
前端·算法·支持向量机·matlab
xkxnq14 分钟前
第一阶段:Vue 基础入门(第 13天)
前端·javascript·vue.js
qq_4198540516 分钟前
Excel预览
前端
PieroPc25 分钟前
用FastAPI 后端 和 Vue3 前端写一个博客系统 例
前端·vue·fastapi
xiaoyustudiowww34 分钟前
fetch异步简单版本(Tomcat 9)
java·前端·tomcat
TOPGUS35 分钟前
谷歌Chrome浏览器即将对HTTP网站设卡:突出展示“始终使用安全连接”功能
前端·网络·chrome·http·搜索引擎·seo·数字营销
C_心欲无痕42 分钟前
ts - 模板字面量类型与 `keyof` 的魔法组合:`keyof T & `on${string}`使用
linux·运维·开发语言·前端·ubuntu·typescript
一勺菠萝丶1 小时前
Java 后端想学 Vue,又想写浏览器插件?
java·前端·vue.js
@PHARAOH1 小时前
HOW - 如何禁用 localstorage
前端·状态模式
霍理迪1 小时前
CSS布局方式——弹性盒子(flex)
前端·css