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

HTML——38.Span标签和字符实体

news 2026/1/12 7:21:47

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>span标签和字符实体</title><style type="text/css">h1{text-align: center;}p{text-indent: 2em;}span{color: red;}</style></head><body><!--span标签：1.没有任何样式（纯洁无暇，一点自带的标签功能都没有，就是因为span标签没有功能，才方便给内容原汁原味的添加样式），是为了给文本增加额外的结构2.使用css给span元素中的内容添加丰富的样式3.span标签是使用最多的文本标签--><!--字符实体：（用的较少）html中预留字符必须替换成字符实体，才能被浏览器正常识别常见的字符实体：小于号：&lt; 大于号：&gt;空格：&nbsp;-->&lt;h1&gt;  标签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是标题标签<h1>桃花源记</h1><p><b>晋太元中,武陵人捕鱼为业。</b>溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷，渔人甚异之，复前行，欲穷其林。</p><p><span>林尽水源，便得一山，山有小口，仿佛若有光。</span>便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田美池桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。</p><p>见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”</p><p>既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。</p><p>南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终，后遂无问津者。</p></body>
</html>

在这里插入图片描述

字符实体：（用的较少）
html中预留字符必须替换成字符实体，才能被浏览器正常识别
常见的字符实体：
小于号：<
大于号：>
空格：
在网页中不会显示"<" “>” ,如果写了就会被认为是标签，那如何能在网页上看到"<" “>” 符号呢，用
& lt; h1 & gt; 就可以在屏幕上表现出
"< h1 >"了

在Html代码中多个空格，会在屏幕前显示一个，若正需要屏幕中显示的内容需要多个空格就用

HTML——38.Span标签和字符实体

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>span标签和字符实体</title><style type"text/css">h1{text-align: center;}p{text-indent: 2em;}span{color: red;}</style></head><…...

编程日记 2025/1/1 6:23:33

ROS2+OpenCV综合应用--10. AprilTag标签码追踪

1. 简介 apriltag标签码追踪是在apriltag标签码识别的基础上，增加了小车摄像头云台运动的功能，摄像头会保持标签码在视觉中间而运动，根据这一特性，从而实现标签码追踪功能。 2. 启动 2.1 程序启动前的准备本次apriltag标签码使…...

编程日记 2025/1/1 6:22:32

python Celery 是一个基于分布式消息传递的异步任务队列系统

Celery 是一个基于分布式消息传递的异步任务队列系统，主要用于处理耗时任务、定时任务和周期性任务。它能够将任务分配到多个工作节点（Worker）上执行，从而提高应用程序的性能和可扩展性。Celery 是 Python 生态中最流行的任务队列…...

编程日记 2025/1/1 6:21:30

嵌入式硬件杂谈（七）IGBT MOS管三极管应用场景与区别

引言：在现代嵌入式硬件设计中，开关元件作为电路中的重要组成部分，起着至关重要的作用。三种主要的开关元件——IGBT（绝缘栅双极型晶体管）、MOSFET（金属氧化物半导体场效应晶体管）和三极管&#…...

编程日记 2025/1/1 6:19:28

麒麟信安云在长沙某银行的应用入选“云建设与应用领航计划（2024）”，打造湖湘金融云化升级优质范本

12月26日，2024云计算产业和标准应用大会在北京成功召开。大会汇集政产学研用各方专家学者，共同探讨云计算产业发展方向和未来机遇，展示云计算标准化工作重要成果。会上，云建设与应用领航计划（2024）建云用…...

编程日记 2025/1/1 6:18:27

好用的随机生成图片的网站

官网： Lorem Picsum 获取自定义大小的随机图像 https://picsum.photos/200/300 获取正方形图像 https://picsum.photos/200 获取特定类型的图像通过添加到 /id/{image} url 的开头来获取特定图像。 https://picsum.photos/id/237/200/300 获取静态随机图像…...

编程日记 2025/1/1 6:17:26

添加 env 配置，解决import路径问题

添加 env 配置，解决import路径问题 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid830387 “version”: “0.2.0”, “configurations”: [ {"name&q…...

编程日记 2025/1/1 6:16:25

Go work stealing 机制

Go语言的Work Stealing（工作窃取）机制是一种用于调度Goroutines（协程）的策略，其核心目的是最大化CPU使用率，减少任务调度的开销，并提高并发性能和吞吐量。以下是Go Work Stealing机制的详细解释…...

编程日记 2025/1/1 6:14:23

基础数据结构--二叉树

一、二叉树的定义二叉树是 n( n > 0 ) 个结点组成的有限集合，这个集合要么是空集（当 n 等于 0 时），要么是由一个根结点和两棵互不相交的二叉树组成。其中这两棵互不相交的二叉树被称为根结点的左子树和右子树。如图所示&am…...

编程日记 2025/1/1 6:13:22

《C++设计模式》策略模式

文章目录 1、引言1.1 什么是策略模式1.2 策略模式的应用场景1.3 本文结构概览 2、策略模式的基本概念2.1 定义与结构2.2 核心角色解析2.2.1 策略接口（Strategy）2.2.2 具体策略实现（ConcreteStrategy）2.2.3 上下文（Cont…...

编程日记 2025/1/1 6:12:18

JavaScript学习记录6

第一节算数运算符 1. 概述 JavaScript 共提供10个算术运算符，用来完成基本的算术运算。加法运算符x y减法运算符 x - y乘法运算符 x * y除法运算符x / y指数运算符x ** y余数运算符x % y自增运算符x 、x自减运算符--x 、x--数值运算符 x负数值运算符-x 减法、…...

编程日记 2025/1/1 6:10:09

如何在没有 iCloud 的情况下将数据从 iPhone 传输到 iPhone

概括您可能会遇到将数据从 iPhone 转移到 iPhone 的情况，尤其是当您获得新的 iPhone 15/14 时，您会很兴奋并希望将数据转移到它。使用iCloud最终可以做到这一点，但它的缺点也不容忽视，阻碍了你选择它。例如，您需要…...

编程日记 2025/1/1 6:09:07

Doris安装部署

Doris 概述 Apache Doris由百度大数据部研发（之前叫百度 Palo，2018年贡献到 Apache 社区后，更名为 Doris ），在百度内部，有超过200个产品线在使用，部署机器超过1000台，单一业务最大可…...

编程日记 2025/1/1 6:08:06

[服务器][教程]Ubuntu24.04 Server开机自动挂载硬盘教程

1. 查看硬盘ID ls -l /dev/disk/by-uuid可以看到对应的UUID所对应的分区 2. 创建挂载文件夹创建好文件夹即可 3. 修改配置文件 sudo vim /etc/fstab把对应的UUID和创建的挂载目录对应即可其中# Personal mount points下面的是自己新添加的 ：分区定位&#xff…...

编程日记 2025/1/1 6:07:05

io多路复用, select, poll, epoll

系列文章目录异步I/O操作函数aio_xxx函数 https://blog.csdn.net/surfaceyan/article/details/134710393 文章目录系列文章目录前言一、5种IO模型二、IO多路复用APIselectpollepoll 三、两种高效的事件处理模式Reactor模式Proactor模式模拟 Proactor 模式基于事件驱动的非阻…...

编程日记 2025/1/1 6:06:04

一、prometheus helm仓库 ## 网站地址 # https://artifacthub.io/## prometheus 地址 # https://artifacthub.io/packages/helm/prometheus-community/prometheus. # helm repo add prometheus-community https://prometheus-community.github.io/helm-charts # helm repo …...

编程日记 2025/1/1 6:05:02

记录第一次跑YOLOV8做目标检测

今天是24年的最后一天，终于要向新世界开始破门了，开始深度学习，YOLO来敲门~ 最近做了一些皮肤检测的功能，在传统的处理中经历了反复挣扎，终于要上YOLO了。听过、看过，不如上手体会过~ 1、YOLO是什么&#x…...

编程日记 2025/1/1 6:04:01

使用Python爬取BOSS直聘职位数据并保存到Excel

使用Python爬取BOSS直聘职位数据并保存到Excel 在数据分析和挖掘中，爬取招聘网站数据是一项常见的任务。本文将详细介绍如何使用Python爬取BOSS直聘上与“测试工程师”相关的职位数据，并将其保存到Excel文件中。通过逐步分解代码和添加详细注释&#xf…...

编程日记 2025/1/1 6:02:58

node.js之---集群（Cluster）模块

为什么会有集群（Cluster）模块？ 集群（Cluster）模块的作用如何使用集群（Cluster）模块？ 为什么会有集群（Cluster）模块 Node.js 是基于单线程事件驱动模型的…...

编程日记 2025/1/1 6:01:54

SSM-Spring-IOC/DI对应的配置开发

目录一、IOC 控制反转 1.什么是控制反转呢 2. Spring和IOC之间的关系是什么呢? 3.IOC容器的作用以及内部存放的是什么? 4.当IOC容器中创建好service和dao对象后，程序能正确执行么? 5.Spring 容器管理什么内容？ 6.如何将需要管理的对象交给 …...

编程日记 2025/1/1 5:59:51

Vue记事本应用实现教程

文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展：显示创建时间8. 功能扩展：记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...

编程新知 2025/9/20 5:20:12

【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15

缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下： struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...

编程新知 2025/11/27 21:52:13

React hook之useRef

React useRef 详解 useRef 是 React 提供的一个 Hook，用于在函数组件中创建可变的引用对象。它在 React 开发中有多种重要用途，下面我将全面详细地介绍它的特性和用法。基本概念 1. 创建 ref const refContainer useRef(initialValue);initialValu…...

编程新知 2025/6/11 15:21:26