web前端(3.16笔记 html 标签)

一、标签:

语法规范:<标签名 属性名="属性值">标签体</标签名> 标签之间可以嵌套

属性:属性:定制元素的行为的。属性是不通用的,每一个标签存在自身的属性

标签的分类:

行内标签:只会占用自身内容的位置,不会独占一行 span

块标签 :独占一行 div 、 h1-h6

二、常用标签:

| 标题标签 | h1-h6 | <h1></h1> |
| 换行标签 | br | <br></br> |
| 水平线标签 | hr | <hr></hr> |
| 段落标签 | p | <p></p> |
| 原样输出 | pre | <pre></pre> |
| 无语义标签 | span | <span></span> |

盒子标签 div <div></div>

三、引入图像,视频,音频

| 图像标签 | img | <img src=" "> |
| 视频标签 | video | <video src=" "> |

音频标签 audio <audio src=" ">

四、超链接与锚链接

| 超链接 | <a href> | <a href=" 路径"></a> |

锚链接 <a target> <a target=_blank(self)> </a>

五、列表

| 有序列表 | <ol> <li></li> </ol> |
| 无序列表 | <ul> <li></li> <ul> |

自定义列表 <dl> <dt></dt> <dd></dd> </dl>

六、格式化

| 加粗 | <strong></strong> <b></b> |
| 倾斜 | <em></em> <i></i> |
| 删除线 | <del></del> <s></s> |

下划线 <ins></ins> <u></u>
相关推荐
牛奶4 分钟前
2026 春涧·前端走向全栈
前端·人工智能·全栈
Piper蛋窝4 分钟前
AI 有你想不到,也它有做不到 | 2025 年深度使用 Cursor/Trae/CodeX 所得十条经验
前端·后端·代码规范
LYFlied20 分钟前
WebAssembly为何能实现极致性能:从设计原理到执行优势
前端·wasm·跨端
前端小脑虎1 小时前
2026版最新 HTML零基础小白完整版学习指南(通俗易懂+条理清晰+企业主流技术)
html
亦复何言??1 小时前
机器人强化学习入门笔记(四)
笔记·机器人
释怀不想释怀1 小时前
vue布局,动态路由
前端·html
桜吹雪2 小时前
Vue 基础:状态管理入门
前端·vue.js
JavaGuide2 小时前
利用元旦假期,我开源了一个大模型智能面试平台+知识库!
前端·后端
yuanyxh3 小时前
程序设计
前端·设计
今天也好累3 小时前
C语言安全格式化:snprintf核心指南
c语言·笔记·学习·visual studio