当前位置: 首页 > news >正文

前端常见标签

<li> (List Item):定义列表中的一个项目(项)
<ul> (Unordered List):定义无序列表
<ol> (Ordered List):定义有序列表
<a> (Anchor Tag):定义超链接

在这里插入图片描述

<ul><li>苹果</li><li>香蕉</li><li>橙子</li>
</ul>
  • 苹果
  • 香蕉
  • 橙子

在这里插入图片描述

<ol><li>步骤一</li><li>步骤二</li><li>步骤三</li>
</ol>
  1. 步骤一
  2. 步骤二
  3. 步骤三

在这里插入图片描述

<a href="https://example.com">访问示例网站</a>

访问示例网站

在这里插入图片描述

<ul><li>新闻资讯<ul><li><a href="http://www.people.com.cn/">人民日报</a></li><li><a href="http://www.gmw.cn/">光明日报</a></li></ul></li><li>搜索引擎<ul><li>雅虎<ul><li><a href="http://www.yahoo.com/">雅虎</a></li><li><a href="http://www.yahoo.co.jp/">雅虎日本</a></li></ul></li><li><a href="http://www.excite.com/">Excite</a></li><li><a href="http://www.google.com/">谷歌</a></li></ul></li>
</ul>
  • 新闻资讯
    • 人民日报
    • 光明日报
  • 搜索引擎
    • 雅虎
      • 雅虎
      • 雅虎日本
    • Excite
    • 谷歌

在这里插入图片描述
<h1><h6> 共6个不同级别的标题,其中 <h1> 是最重要的(级别最高),而 <h6> 是最不重要的(级别最低)

<h1>欢迎来到我们的网站!</h1>
<h2>欢迎来到我们的网站!</h2>
<h3>欢迎来到我们的网站!</h3>
<h4>欢迎来到我们的网站!</h4>
<h5>欢迎来到我们的网站!</h5>
<h6>欢迎来到我们的网站!</h6>
欢迎来到我们的网站!
欢迎来到我们的网站!
欢迎来到我们的网站!
欢迎来到我们的网站!
欢迎来到我们的网站!
欢迎来到我们的网站!

在这里插入图片描述
<hr> 标签表示水平线(Horizontal Rule),它在网页中创建一条水平分割线,通常用于视觉上划分内容区域或段落。

<hr>

在这里插入图片描述

<tr>:全称为 Table Row(表格行)
<td>:全称为 Table Data Cell(表格数据单元格)

<table><caption>2023年第一季度员工销售业绩表</caption><thead><tr><th>姓名</th><th>部门</th><th>销售额(元)</th></tr></thead><tbody><tr><td>张三</td><td>销售部</td><td>500,000</td></tr><tr><td>李四</td><td>市场部</td><td>450,000</td></tr><!-- 更多行数据... --></tbody>
</table>
2023年第一季度员工销售业绩表
姓名部门销售额(元)
张三销售部500,000
李四市场部450,000

相关文章:

  • Android systemui 编译
  • 参考数据集INRIA Holidays dataset
  • GO EASY 框架 之 NET 05
  • Banana Pi BPI-R4开源路由器开发板快速上手用户手册,采用联发科MT7988芯片设计
  • 2024 高级前端面试题之 HTTP模块 「精选篇」
  • vscode实时预览markdown效果
  • 类银河恶魔城学习记录1-5 CollisionCheck源代码 P32
  • 基于WordPress开发微信小程序2:决定开发一个wordpress主题
  • P8706 [蓝桥杯 2020 省 AB1] 解码--2024蓝桥杯冲刺省一
  • Javascript第八个知识点:函数
  • 华为数通方向HCIP-DataCom H12-831题库(填空题)
  • MySQL运维实战(5.3) MySQL数据乱码的一些情况
  • 【YAML语法规范指南】从入门到精通,揭秘神秘语法,引领配置文件解析指南(基础结构篇)
  • H5 简约四色新科技风引导页源码
  • Vue组件通信讲解[父子组件通信]
  • Apache Zeppelin在Apache Trafodion上的可视化
  • gcc介绍及安装
  • JavaScript 奇技淫巧
  • JavaScript 事件——“事件类型”中“HTML5事件”的注意要点
  • JavaScript对象详解
  • js 实现textarea输入字数提示
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • python大佬养成计划----difflib模块
  • 百度小程序遇到的问题
  • 第三十一到第三十三天:我是精明的小卖家(一)
  • 分享自己折腾多时的一套 vue 组件 --we-vue
  • 前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别
  • 深度学习在携程攻略社区的应用
  • 世界上最简单的无等待算法(getAndIncrement)
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 手机端车牌号码键盘的vue组件
  • 我看到的前端
  • 一个项目push到多个远程Git仓库
  • 用Python写一份独特的元宵节祝福
  • nb
  • 积累各种好的链接
  • 如何在招聘中考核.NET架构师
  • ​插件化DPI在商用WIFI中的价值
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • ​业务双活的数据切换思路设计(下)
  • #define、const、typedef的差别
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (多级缓存)缓存同步
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (分布式缓存)Redis哨兵
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (轉貼)《OOD启思录》:61条面向对象设计的经验原则 (OO)
  • .dwp和.webpart的区别
  • .MSSQLSERVER 导入导出 命令集--堪称经典,值得借鉴!
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .NET Core 通过 Ef Core 操作 Mysql
  • .Net Core 中间件验签
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)
  • /boot 内存空间不够