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>
相关推荐
【赫兹威客】浩哥3 分钟前
【赫兹威客】框架模板-前端命令行部署教程
前端·vue.js
小妖66620 分钟前
javascript 舍去小数(截断小数)取整方法
开发语言·前端·javascript
Hyacinth&21 分钟前
IntelliJ IDEA|学习笔记
笔记·学习·intellij-idea
求真求知的糖葫芦32 分钟前
耦合传输线分析学习笔记(六)不对称耦合微带线Z参数矩阵推导与应用
笔记·学习·矩阵·射频工程
求真求知的糖葫芦39 分钟前
耦合传输线分析学习笔记(七)不对称耦合微带线Y参数矩阵推导与应用
笔记·学习·矩阵·射频工程
jay神40 分钟前
基于SpringBoot的校园社团活动智能匹配与推荐系统
java·前端·spring boot·后端·毕业设计
一殊酒42 分钟前
【前端开发】Vue项目多客户配置自动化方案【一】
前端·vue.js·自动化
最好有梦想~43 分钟前
Lua 学习笔记
笔记·学习·lua
切糕师学AI1 小时前
Vue 中 keep-alive 组件的生命周期钩子
前端·vue.js·keep-alive·生命周期·activated·deactivated
zhangrelay1 小时前
如何更环保(更省钱)的使用各类电子耗材/消耗品/易损件~电池为例
linux·笔记·学习