QD1-P8 HTML 格式化标签（font、pre、b、strong、i、u、del、s、sub、sup）
本节学习：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>
渲染效果
二、pre 标签
-
用途：HTML 代码中的文本渲染到浏览器时，默认忽略换行，默认将多个空格视为一个空格。在 HTML 中需使用标签确定文本格式，例如 pre 标签，定义预格式化文本，渲染时将会：
- 保留文本中的空格和换行
- 并且使用等宽字体
-
示例
pre 标签中的文本会保持输出的格式展现在浏览器中
三、粗体
- b 标签和 strong 标签都有加粗效果
示例文字1<b>示例文字2</b><strong>示例文字3</strong>
渲染
b 标签的本意就是加粗，strong 标签的本意是突出显示。
三、斜体
斜体使用 i 标签，示例
斜体：<i>斜体</i>
渲染
四、下划线
下划线使用 u 标签，示例
下划线：<u>下划线</u>
渲染
五、中划线（删除线）
中划线使用 s 标签或者 del 标签，示例
中划线：<del>中划线</del>
渲染
六、上标
上标使用 sup 标签，示例
上标：2<sup>10
渲染
七、下标
下标使用 sub 标签，示例
下标：H<sub>2</sub>O
渲染
相关文章：
QD1-P8 HTML 格式化标签（font、pre、b、strong、i、u、del、s、sub、sup）
本节学习：HTML 格式化标签。 本节视频 www.bilibili.com/video/BV1n64y1U7oj?p8 一、font 标签 用途：定义文本的字体大小、颜色和 face（字体类型）。 示例 <!DOCTYPE html> <html><head><meta cha…...
红米Turbo 3工程固件预览 修复底层 体验原生态系统 默认开启diag端口
红米Turbo 3机型代码：peridot 国外版本：POCO F6 用于以下型号的小米机型：24069RA21C, 24069PC21G, 24069PC21I。搭载1.5K OLED屏、骁龙8s处理器、5000mAh电池+90W快充、5000万像素主摄。 通过博文了解 1💝💝💝-----此机型工程固件的资源刷写注意事项 2💝💝�…...
sql的调优指南及高级sql技巧
SQL调优是优化数据库性能的重要手段，涉及编写高效的SQL查询、合理设计索引、优化数据库结构等。以下是一些SQL调优指南和高级技巧： SQL调优指南 选择合适的查询方式： **避免使用SELECT ***：仅选择所需的列，减少数据传…...
生成式专题的第一节课---GAN图像生成
一、GAN的起源与发展 1.GAN的起源 GAN （生成式对抗网络）诞生于 2014 年，由 Ian Goodfellow 提出，是用于生成数据的深度学习模型，创新点是对抗性训练，即生成器与判别器的竞争关系，为图像生成、…...
中科星图GVE（案例）——AI实现建筑用地变化前后对比情况
目录 简介 函数 gve.Services.AI.ConstructionLandChangeExtraction(image1,image2) 代码 结果 知识星球 机器学习 简介 AI可以通过分析卫星图像、航拍影像或其他地理信息数据，实现建筑用地变化前后对比。以下是一种可能的实现方法： 数据获取&am…...
Spring Boot中获取application.yml中属性的几种方式
在Spring Boot应用程序中，可以通过多种方式从application.yml文件中获取配置属性。以下是几种常见的方法： 1. 使用Value注解 你可以使用Value注解将application.yml中的属性注入到Spring管理的bean中。 application.yml app:name: MySpringBootAppve…...
YOLO11改进 | 注意力机制 | 结合静态和动态上下文信息的注意力机制
秋招面试专栏推荐 ：深度学习算法工程师面试问题总结【百面算法工程师】——点击即可跳转 💡💡💡本专栏所有程序均经过测试，可成功执行💡💡💡 上下文Transformer（CoT&…...
Python中函数的使用方法
1 问题 在python的学习中，一个相同的程序可能会有多种不同的代码输入方式，那么函数这种方式是否方便快捷呢？今天我们来简单介绍函数的部分使用方法。 2 方法 定义函数：代码清单1Def function name (arguments):return result在上面…...
遨游智能终端赋能“危急特”场景，力推北斗技术规模化应用！
随着《北斗规模应用三年行动计划（2023-2025）》的发布，北京、湖北、重庆等多地出台北斗支持政策，北斗系统正稳步迈向“安全可控，泛在融合，开放兼容，服务全球”的发展目标。遨游通讯紧跟国家战略步…...
构建流媒体管道：利用 Docker 部署 Nginx-RTMP 从 FFmpeg RTMP 推流到 HLS 播放的完整流程
最近要实现一个类似导播台的功能，于是我先用 FFmpeg 实现一个参考对照的 Demo，我将其整理为一篇文章，方便后续大家或者和自己参考！ 1、软件工具介绍 本次部署相关软件 / 工具如下： FFmpeg：全称是 Fast Fo…...
【汇编语言】寄存器（CPU工作原理）（六）—— 修改CS，IP的指令以及代码段
文章目录 前言1. 修改CS、IP的指令2. 问题分析:CPU运行的流程3. 代码段小结结语 前言 📌 汇编语言是很多相关课程（如数据结构、操作系统、微机原理）的重要基础。但仅仅从课程的角度出发就太片面了，其实学习汇编语言可以深入理解计…...
机器学习与神经网络：从技术前沿到诺贝尔奖的跨越与未来展望
近日，2024年诺贝尔物理学奖颁发给了机器学习与神经网络领域的研究者，这是历史上首次出现这样的情况。这项奖项原本只授予对自然现象和物质的物理学研究作出重大贡献的科学家，如今却将全球范围内对机器学习和神经网络的研究和开发作为了一种能…...
java 洛谷题单【数据结构1-2】二叉树
P4715 【深基16.例1】淘汰赛 解题思路 半区分配：将前半部分国家分配到左半区，后半部分国家分配到右半区，分别找到两个半区的最强国家。决赛和亚军确定：最后比较两个半区最强国家的能力值，失败者即为亚军，输…...
项目优化内容及实战
文章目录 事前思考Prometheus 普罗米修斯概述架构安装及使用 Grafana可视化数据库读写分离实战1-PrometheusGrafanaspringboot 事前思考 需要了解清楚：需要从哪些角度去分析实现？使用了缓存，就需要把缓存命中率数据进行收集；使用…...
科研绘图系列：R语言蝴蝶图（Butterfly Chart）
文章目录 介绍加载R包数据函数画图系统信息介绍 蝴蝶图（Butterfly Chart），也被称为龙卷风图（Tornado Chart）或双轴图（Dual-Axis Chart），是一种用于展示两组对比数据的图表。这种图表通过在中心轴两侧分别展示两组数据的条形图，形似蝴蝶的翅膀，因此得名。蝴蝶图的特点…...
【FPGA开发】Modelsim如何给信号分组
前面已经发布过了一篇关于 Modelsim 的入门使用教程，针对的基本是只有一个源文件加一个仿真tb文件的情况，而实际的工程应用中，往往是顶层加多个底层的源文件结构，如果不对信号进行一定的分组，就会显得杂乱不堪…...
Apache SeaTunnel 9月份社区发展记录
各位热爱 SeaTunnel 的小伙伴们，9月份社区月报来啦！这里将定期更新SeaTunnel社区每个月的重大进展，欢迎关注！ 月度Merge Stars 感谢以下小伙伴上个月为 Apache SeaTunnel 做的精彩贡献（排名不分先后）&…...
系统架构设计师：数据库系统相关考题预测
作为系统架构设计师，在准备数据库系统相关的考试时，可以预期到的一些关键知识点包括但不限于以下几个方面： 数据库类型： 关系型数据库（RDBMS）与非关系型数据库（NoSQL）的区别及其适用场景。数据库管理系统（DBMS）的功能及组成部分。数据模型： 如何设计ER模型（实体-关…...
污水排放口细粒度检测数据集，污-水排放口的类型包括10类目标，10000余张图像，yolo格式目标检测，9GB数据量。
污水排放口细粒度检测数据集，污-水排放口的类型包括10类目标（1 合流下水道，2 雨水，3 工业废水，4 农业排水，5 牲畜养殖，6 水产养殖，7 地表径流，8 废水处理厂&…...
c++(多态)
多态的定义 多态是⼀个继承关系的下的类对象，去调⽤同⼀函数，产⽣了不同的⾏为 ⽐如Student继承了Person。Person对象买票全价，Student对象优惠买票。 多态实现的条件 • 必须指针或者引⽤调⽤虚函数 第⼀必须是基类的指针或引⽤，…...
linux之kylin系统nginx的安装
一、nginx的作用 1.可做高性能的web服务器 直接处理静态资源（HTML/CSS/图片等），响应速度远超传统服务器类似apache支持高并发连接 2.反向代理服务器 隐藏后端服务器IP地址，提高安全性 3.负载均衡服务器 支持多种策略分发流量…...
.Net框架，除了EF还有很多很多......
文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...
【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密
在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...
React19源码系列之 事件插件系统
事件类别 事件类型 定义 文档 Event Event 接口表示在 EventTarget 上出现的事件。 Event - Web API | MDN UIEvent UIEvent 接口表示简单的用户界面事件。 UIEvent - Web API | MDN KeyboardEvent KeyboardEvent 对象描述了用户与键盘的交互。 KeyboardEvent - Web…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
基于matlab策略迭代和值迭代法的动态规划
经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...
MFC 抛体运动模拟：常见问题解决与界面美化
在 MFC 中开发抛体运动模拟程序时，我们常遇到 轨迹残留、无效刷新、视觉单调、物理逻辑瑕疵 等问题。本文将针对这些痛点，详细解析原因并提供解决方案，同时兼顾界面美化，让模拟效果更专业、更高效。 问题一：历史轨迹与小球残影残留 现象 小球运动后，历史位置的 “残影”…...
push [特殊字符] present
push 🆚 present 前言present和dismiss特点代码演示 push和pop特点代码演示 前言 在 iOS 开发中，push 和 present 是两种不同的视图控制器切换方式，它们有着显著的区别。 present和dismiss 特点 在当前控制器上方新建视图层级需要手动调用…...
前端调试HTTP状态码
1xx（信息类状态码） 这类状态码表示临时响应，需要客户端继续处理请求。 100 Continue 服务器已收到请求的初始部分，客户端应继续发送剩余部分。 2xx（成功类状态码） 表示请求已成功被服务器接收、理解并处…...
Springboot 高校报修与互助平台小程序
一、前言 随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，高校报修与互助平台小程序被用户普遍使用，为…...