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

QD1-P8 HTML 格式化标签（font、pre、b、strong、i、u、del、s、sub、sup）

news 2026/4/1 22:52:35

本节学习：HTML 格式化标签。

本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=8

‍

一、font 标签

  • 用途：定义文本的字体大小、颜色和 face（字体类型）。

  • 示例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P8-格式化标签</title></head><body>示例文字<br /><font color="red" size=5"" face="仿宋">示例文字</font><br /><font color="red" size=5"" face="楷体">示例文字</font></body>
</html>

渲染效果

​Clip_2024-10-09_15-17-29​

‍

二、pre 标签

  • 用途：HTML 代码中的文本渲染到浏览器时，默认忽略换行，默认将多个空格视为一个空格。在 HTML 中需使用标签确定文本格式，例如 pre 标签，定义预格式化文本，渲染时将会：

    • 保留文本中的空格和换行
    • 并且使用等宽字体

  • 示例

pre 标签中的文本会保持输出的格式展现在浏览器中

​Clip_2024-10-09_15-23-29​

‍

三、粗体

  • b 标签和 strong 标签都有加粗效果
示例文字1<b>示例文字2</b><strong>示例文字3</strong>

渲染​​

​Clip_2024-10-09_15-34-45​

b 标签的本意就是加粗，strong 标签的本意是突出显示。

‍

三、斜体

斜体使用 i 标签，示例

斜体：<i>斜体</i>

渲染

​​​Clip_2024-10-09_15-48-06​

‍

四、下划线

下划线使用 u 标签，示例

下划线：<u>下划线</u>

渲染

​Clip_2024-10-09_15-50-10​

‍

五、中划线（删除线）

中划线使用 s 标签或者 del 标签，示例

中划线：<del>中划线</del>

渲染

​Clip_2024-10-09_15-51-40​

‍

六、上标

上标使用 sup 标签，示例

上标：2<sup>10

渲染

​Clip_2024-10-09_15-52-55​

‍

七、下标

下标使用 sub 标签，示例

下标：H<sub>2</sub>O

渲染

​Clip_2024-10-09_15-53-56​

‍

相关文章：

QD1-P8 HTML 格式化标签（font、pre、b、strong、i、u、del、s、sub、sup）

本节学习&#xff1a;HTML 格式化标签。 本节视频 www.bilibili.com/video/BV1n64y1U7oj?p8 ‍ 一、font 标签 用途&#xff1a;定义文本的字体大小、颜色和 face&#xff08;字体类型&#xff09;。 示例 <!DOCTYPE html> <html><head><meta cha…...

编程日记 2024/10/12 21:27:17

红米Turbo 3工程固件预览 修复底层 体验原生态系统 默认开启diag端口

红米Turbo 3机型代码：peridot 国外版本：POCO F6 用于以下型号的小米机型：24069RA21C, 24069PC21G, 24069PC21I。搭载1.5K OLED屏、骁龙8s处理器、5000mAh电池+90W快充、5000万像素主摄。 通过博文了解 1💝💝💝-----此机型工程固件的资源刷写注意事项 2💝💝�…...

编程日记 2024/10/12 21:25:15

sql的调优指南及高级sql技巧

SQL调优是优化数据库性能的重要手段&#xff0c;涉及编写高效的SQL查询、合理设计索引、优化数据库结构等。以下是一些SQL调优指南和高级技巧&#xff1a; SQL调优指南 选择合适的查询方式&#xff1a; **避免使用SELECT ***&#xff1a;仅选择所需的列&#xff0c;减少数据传…...

编程日记 2024/10/12 21:24:13

生成式专题的第一节课---GAN图像生成

一、GAN的起源与发展 1.GAN的起源 GAN &#xff08;生成式对抗网络&#xff09;诞生于 2014 年&#xff0c;由 Ian Goodfellow 提出&#xff0c;是用于生成数据的深度学习模型&#xff0c;创新点是对抗性训练&#xff0c;即生成器与判别器的竞争关系&#xff0c;为图像生成、…...

编程日记 2024/10/12 21:23:11

中科星图GVE（案例）——AI实现建筑用地变化前后对比情况

目录 简介 函数 gve.Services.AI.ConstructionLandChangeExtraction(image1,image2) 代码 结果 知识星球 机器学习 简介 AI可以通过分析卫星图像、航拍影像或其他地理信息数据&#xff0c;实现建筑用地变化前后对比。以下是一种可能的实现方法&#xff1a; 数据获取&am…...

编程日记 2024/10/12 21:21:09

Spring Boot中获取application.yml中属性的几种方式

在Spring Boot应用程序中&#xff0c;可以通过多种方式从application.yml文件中获取配置属性。以下是几种常见的方法&#xff1a; 1. 使用Value注解 你可以使用Value注解将application.yml中的属性注入到Spring管理的bean中。 application.yml app:name: MySpringBootAppve…...

编程日记 2024/10/12 21:19:06

YOLO11改进 | 注意力机制 | 结合静态和动态上下文信息的注意力机制

秋招面试专栏推荐 &#xff1a;深度学习算法工程师面试问题总结【百面算法工程师】——点击即可跳转 &#x1f4a1;&#x1f4a1;&#x1f4a1;本专栏所有程序均经过测试&#xff0c;可成功执行&#x1f4a1;&#x1f4a1;&#x1f4a1; 上下文Transformer&#xff08;CoT&…...

编程日记 2024/10/12 21:13:01

Python中函数的使用方法

1 问题 在python的学习中&#xff0c;一个相同的程序可能会有多种不同的代码输入方式&#xff0c;那么函数这种方式是否方便快捷呢&#xff1f;今天我们来简单介绍函数的部分使用方法。 2 方法 定义函数&#xff1a;代码清单1Def function name (arguments):return result在上面…...

编程日记 2024/10/12 21:09:58

遨游智能终端赋能“危急特”场景，力推北斗技术规模化应用！

随着《北斗规模应用三年行动计划&#xff08;2023-2025&#xff09;》的发布&#xff0c;北京、湖北、重庆等多地出台北斗支持政策&#xff0c;北斗系统正稳步迈向“安全可控&#xff0c;泛在融合&#xff0c;开放兼容&#xff0c;服务全球”的发展目标。遨游通讯紧跟国家战略步…...

编程日记 2024/10/12 21:08:56

构建流媒体管道：利用 Docker 部署 Nginx-RTMP 从 FFmpeg RTMP 推流到 HLS 播放的完整流程

最近要实现一个类似导播台的功能&#xff0c;于是我先用 FFmpeg 实现一个参考对照的 Demo&#xff0c;我将其整理为一篇文章&#xff0c;方便后续大家或者和自己参考&#xff01; 1、软件工具介绍 本次部署相关软件 / 工具如下&#xff1a; FFmpeg&#xff1a;全称是 Fast Fo…...

编程日记 2024/10/12 21:07:55

【汇编语言】寄存器（CPU工作原理）（六）—— 修改CS，IP的指令以及代码段

文章目录 前言1. 修改CS、IP的指令2. 问题分析:CPU运行的流程3. 代码段小结结语 前言 &#x1f4cc; 汇编语言是很多相关课程&#xff08;如数据结构、操作系统、微机原理&#xff09;的重要基础。但仅仅从课程的角度出发就太片面了&#xff0c;其实学习汇编语言可以深入理解计…...

编程日记 2024/10/12 21:05:53

机器学习与神经网络：从技术前沿到诺贝尔奖的跨越与未来展望

近日&#xff0c;2024年诺贝尔物理学奖颁发给了机器学习与神经网络领域的研究者&#xff0c;这是历史上首次出现这样的情况。这项奖项原本只授予对自然现象和物质的物理学研究作出重大贡献的科学家&#xff0c;如今却将全球范围内对机器学习和神经网络的研究和开发作为了一种能…...

编程日记 2024/10/12 21:03:50

java 洛谷题单【数据结构1-2】二叉树

P4715 【深基16.例1】淘汰赛 解题思路 半区分配&#xff1a;将前半部分国家分配到左半区&#xff0c;后半部分国家分配到右半区&#xff0c;分别找到两个半区的最强国家。决赛和亚军确定&#xff1a;最后比较两个半区最强国家的能力值&#xff0c;失败者即为亚军&#xff0c;输…...

编程日记 2024/10/12 21:02:46

项目优化内容及实战

文章目录 事前思考Prometheus 普罗米修斯概述架构安装及使用 Grafana可视化数据库读写分离实战1-PrometheusGrafanaspringboot 事前思考 需要了解清楚&#xff1a;需要从哪些角度去分析实现&#xff1f;使用了缓存&#xff0c;就需要把缓存命中率数据进行收集&#xff1b;使用…...

编程日记 2024/10/12 20:57:39

科研绘图系列：R语言蝴蝶图（Butterfly Chart）

文章目录 介绍加载R包数据函数画图系统信息介绍 蝴蝶图（Butterfly Chart），也被称为龙卷风图（Tornado Chart）或双轴图（Dual-Axis Chart），是一种用于展示两组对比数据的图表。这种图表通过在中心轴两侧分别展示两组数据的条形图，形似蝴蝶的翅膀，因此得名。蝴蝶图的特点…...

编程日记 2024/10/12 20:56:25

【FPGA开发】Modelsim如何给信号分组

前面已经发布过了一篇关于 Modelsim 的入门使用教程&#xff0c;针对的基本是只有一个源文件加一个仿真tb文件的情况&#xff0c;而实际的工程应用中&#xff0c;往往是顶层加多个底层的源文件结构&#xff0c;如果不对信号进行一定的分组&#xff0c;就会显得杂乱不堪&#xf…...

编程日记 2024/10/12 20:55:24

Apache SeaTunnel 9月份社区发展记录

各位热爱 SeaTunnel 的小伙伴们&#xff0c;9月份社区月报来啦&#xff01;这里将定期更新SeaTunnel社区每个月的重大进展&#xff0c;欢迎关注&#xff01; 月度Merge Stars 感谢以下小伙伴上个月为 Apache SeaTunnel 做的精彩贡献&#xff08;排名不分先后&#xff09;&…...

编程日记 2024/10/12 20:53:22

系统架构设计师：数据库系统相关考题预测

作为系统架构设计师，在准备数据库系统相关的考试时，可以预期到的一些关键知识点包括但不限于以下几个方面： 数据库类型： 关系型数据库（RDBMS）与非关系型数据库（NoSQL）的区别及其适用场景。数据库管理系统（DBMS）的功能及组成部分。数据模型： 如何设计ER模型（实体-关…...

编程日记 2024/10/12 20:51:20

污水排放口细粒度检测数据集，污-水排放口的类型包括10类目标，10000余张图像，yolo格式目标检测，9GB数据量。

污水排放口细粒度检测数据集&#xff0c;污-水排放口的类型包括10类目标&#xff08;1 合流下水道&#xff0c;2 雨水&#xff0c;3 工业废水&#xff0c;4 农业排水&#xff0c;5 牲畜养殖&#xff0c;6 水产养殖&#xff0c;7 地表径流&#xff0c;8 废水处理厂&…...

编程日记 2024/10/12 20:48:14

c++(多态)

多态的定义 多态是⼀个继承关系的下的类对象&#xff0c;去调⽤同⼀函数&#xff0c;产⽣了不同的⾏为 ⽐如Student继承了Person。Person对象买票全价&#xff0c;Student对象优惠买票。 多态实现的条件 • 必须指针或者引⽤调⽤虚函数 第⼀必须是基类的指针或引⽤&#xff0c;…...

编程日记 2024/10/12 20:47:14

别再瞎调了！FOC电机控制中，采样电阻选型和PCB布局的5个实战避坑点

FOC电机控制实战指南&#xff1a;采样电阻选型与PCB布局的5个关键避坑点 在无刷电机控制领域&#xff0c;FOC&#xff08;磁场定向控制&#xff09;算法凭借其优异的动态性能和效率表现&#xff0c;已成为工业驱动、消费电子和机器人关节的主流方案。然而&#xff0c;许多工程师…...

编程新知 2026/4/1 22:37:31

通过配置驱动前端页面的实现方法

通过配置驱动前端页面的实现方法 配置驱动开发&#xff08;Configuration-Driven Development, CDD&#xff09;是一种通过外部配置而非硬编码来控制应用行为的开发模式。在前端领域&#xff0c;这种模式可以显著提升页面灵活性和可维护性。以下是具体实现方案&#xff1a; 理解…...

编程新知 2026/4/1 22:35:31

快马平台十分钟速建：openclaw机器人抓取参数可视化配置原型

最近在做一个机器人抓取控制的项目&#xff0c;需要快速搭建一个openclaw的参数配置界面。作为一个前端开发经验不多的工程师&#xff0c;我惊喜地发现InsCode(快马)平台可以帮我快速实现这个需求。下面分享下我的实现过程。 首先明确需求 这个配置工具需要实现五个核心功能&a…...

编程新知 2026/4/1 21:50:49

GT New Horizons材质包精选：10款提升沉浸体验的视觉升级方案

GT New Horizons材质包精选&#xff1a;10款提升沉浸体验的视觉升级方案 【免费下载链接】GT-New-Horizons-Modpack A big progressive questing modpack for Minecraft 1.7.10 balanced around the mod GregTech. 项目地址: https://gitcode.com/GitHub_Trending/gt/GT-New-…...

编程新知 2026/4/1 21:36:33

开源新形态：从代码到Prompt的转变

【导语&#xff1a;3月末&#xff0c;开源作者yetone发布新项目voice-input-src&#xff0c;以独特方式“开源”&#xff0c;即用自然语言Prompt生成代码&#xff0c;此做法引发讨论&#xff0c;或预示开源模式新转变。】AI驱动的语音输入法开源项目开源作者yetone在GitHub上发…...

编程新知 2026/4/1 21:20:28

DeepSeek-Coder-V2-Lite-Instruct用户调研：开发者眼中的AI编程助手痛点与需求

DeepSeek-Coder-V2-Lite-Instruct用户调研&#xff1a;开发者眼中的AI编程助手痛点与需求 【免费下载链接】DeepSeek-Coder-V2-Lite-Instruct 开源代码智能利器——DeepSeek-Coder-V2&#xff0c;性能比肩GPT4-Turbo&#xff0c;全面支持338种编程语言&#xff0c;128K超长上下…...

编程新知 2026/4/1 21:12:15

GooglePlay多账号管理神器推荐：5款工具帮你轻松实现合规隔离（2025亲测有效）

GooglePlay多账号管理实战指南&#xff1a;2025年高效合规工具与策略 在移动应用生态中&#xff0c;Google Play作为全球最大的应用分发平台&#xff0c;其严格的账号管理政策让许多开发者感到头疼。特别是对于那些需要运营多个账号的开发者来说&#xff0c;如何在合规前提下实…...

编程新知 2026/4/1 20:33:58

Zotero Connector进阶：定制知乎内容抓取与快照/正文模式切换详解

1. 为什么需要定制知乎内容抓取&#xff1f; 作为一款强大的文献管理工具&#xff0c;Zotero在学术论文管理方面表现出色&#xff0c;但在处理知乎这类内容平台时却常常力不从心。我最初使用Zotero Connector抓取知乎内容时&#xff0c;经常遇到只保存了网页快照而无法获取完整…...

编程新知 2026/4/1 20:19:44

从NTLM中继到域控接管：ADCS-ESC8漏洞实战解析

1. ADCS-ESC8漏洞概述 ADCS-ESC8是Active Directory证书服务(AD CS)中的一个高危漏洞&#xff0c;它允许攻击者通过NTLM中继攻击获取域控制器证书。这个漏洞的核心在于ADCS默认配置中的Web证书注册页面仅使用HTTP协议且支持NTLM认证&#xff0c;但未启用任何中继攻击防护措施。…...

编程新知 2026/4/1 20:05:37

从CVE-2025-65112到NPM投毒：手把手教你搭建安全的私有包仓库（以PubNet为例）

从CVE-2025-65112到NPM投毒&#xff1a;手把手教你搭建安全的私有包仓库&#xff08;以PubNet为例&#xff09; 最近几年&#xff0c;软件供应链攻击事件频发&#xff0c;从SolarWinds事件到Log4j漏洞&#xff0c;再到最近的NPM投毒事件&#xff0c;每一次都让开发者们心惊胆战…...

编程新知 2026/4/1 20:01:36