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>
相关推荐
kyriewen3 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒4 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
小林攻城狮4 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦4 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
the_answer5 小时前
Webpack vs Vite 深度对比分析
前端·webpack
转转技术团队5 小时前
验证码识别实战:前端不写页面,改训模型了?
前端
MomentYY5 小时前
Temperature:AI 的“脑洞旋钮”
前端·llm·ai编程
远航_5 小时前
OpenSpec 完整详细介绍
前端·后端
召钱熏6 小时前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端
SkyWalking中文站6 小时前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控