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>
相关推荐
2401_8370885019 小时前
ResponseEntity - Spring框架的“标准回复模板“
java·前端·spring
yaoganjili19 小时前
用 Tinymce 打造智能写作
前端
angelQ19 小时前
Vue 3 中 ref 获取 scrollHeight 属性为 undefined 问题定位
前端·javascript
Dontla20 小时前
(临时解决)Chrome调试避免跳入第三方源码(设置Blackbox Scripts、将目录添加到忽略列表、向忽略列表添加脚本)
前端·chrome
我的div丢了肿么办20 小时前
js函数声明和函数表达式的理解
前端·javascript·vue.js
用户66006766853920 小时前
用HTML5 构建一个敲击乐钢琴
html
云中雾丽20 小时前
React.forwardRef 实战代码示例
前端
朝歌青年说20 小时前
一个在多年的技术债项目中写出来的miniHMR热更新工具
前端
Moonbit20 小时前
倒计时 2 天|Meetup 议题已公开,Copilot 月卡等你来拿!
前端·后端
Glink20 小时前
现在开始将Github作为数据库
前端·算法·github