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>
相关推荐
小小前端要继续努力19 分钟前
渐进增强、优雅降级及现代Web开发技术详解
前端
锦锦锦aaa1 小时前
【layout理解篇之:mos电阻】
经验分享·笔记
老前端的功夫1 小时前
前端技术选型的理性之道:构建可量化的ROI评估模型
前端·javascript·人工智能·ubuntu·前端框架
zore_c1 小时前
【C语言】带你层层深入指针——指针详解2
c语言·开发语言·c++·经验分享·笔记
狮子座的男孩1 小时前
js函数高级:04、详解执行上下文与执行上下文栈(变量提升与函数提升、执行上下文、执行上下文栈)及相关面试题
前端·javascript·经验分享·变量提升与函数提升·执行上下文·执行上下文栈·相关面试题
koo3641 小时前
pytorch深度学习笔记
pytorch·笔记·深度学习
爱学习的程序媛1 小时前
《JavaScript权威指南》核心知识点梳理
开发语言·前端·javascript·ecmascript
乐观主义现代人2 小时前
go 面试
java·前端·javascript
眠晚晚2 小时前
API攻防&系统攻防笔记分享
笔记·web安全·网络安全
1***Q7842 小时前
前端在移动端中的离线功能
前端