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

QD1-P5 HTML 段落标签（p）换行标签（br）

news 2026/5/18 7:35:48

本节视频

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

‍

本节学习 HTML 标签：

  • p标签 段落
  • br标签 换行

‍

一、p 标签-段落

1.1 使用 p 标签划分段落

<p>段落文本</p>
  • 示例
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P5-段落和换行</title></head><body><h1>题龙阳县青草湖</h1><p>唐珙·元	</p><p>西风吹老洞庭波，</p><p>一夜湘君白发多。</p><p>醉后不知天在水，</p><p>满船清梦压星河。</p></body>
</html>

​Clip_2024-10-08_20-05-21​

1.2 align 属性

  • align-设置元素（段落）的对齐方式：

    • ​align="left"​：左对齐
    • ​align="right"​：右对齐
    • ​align="center"​：居中对齐
    • ​align="justify"​：两端对齐

  • 示例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P5-段落和换行</title></head><body><h1 align="center">题龙阳县青草湖</h1><p align="center">唐珙·元	</p><p align="center">西风吹老洞庭波，</p><p align="center">一夜湘君白发多。</p><p align="center">醉后不知天在水，</p><p align="center">满船清梦压星河。</p><br/><h2 align="left">译文</h2><p>秋风飒飒而起，广袤无垠的洞庭湖水，泛起层层白波，一夜愁思，湘君也多了白发。</p><p>醉卧扁舟，只见一片星光璀璨的世界，似幻似真、缥缈迷离。不知道是天上的星辰倒映在水中，还是我身处梦境呢</p></body>
</html>

​Clip_2024-10-08_20-19-29​

‍

二、br 标签-换行

上述古诗句使用 p 标签换行，故而每句都是一个独立段落。而使用 br 标签可以在一个段落中达成同样的换行效果，只需要在想要换行的地方添加：

<br />
  • 示例
		<p align="center">西风吹老洞庭波，<br />一夜湘君白发多。<br />醉后不知天在水，<br />满船清梦压星河。<br /></p>

​Clip_2024-10-08_20-31-52​

‍

相关文章：

QD1-P5 HTML 段落标签（p）换行标签（br）

本节视频 www.bilibili.com/video/BV1n64y1U7oj?p5 ‍ 本节学习 HTML 标签&#xff1a; p标签 段落br标签 换行 ‍ 一、p 标签-段落 1.1 使用 p 标签划分段落 <p>段落文本</p>示例 <!DOCTYPE html> <html><head><meta charset"…...

编程日记 2024/10/13 5:18:24

Django的模板语法

Django的模板语法 1、初步认识2、原理 1、初步认识 本质上&#xff1a;在HTML中写一些占位符&#xff0c;由数据对这些占位符进行替换和处理。 在views.py中用字典&#xff08;键值对&#xff09;的形式传参&#xff0c;在html文件中用两个花括号来显示单独的值 列表、元组等数…...

编程日记 2024/10/13 5:17:23

【在Linux世界中追寻伟大的One Piece】信号捕捉|阻塞信号

目录 1 -> 信号捕捉初识 2 -> 阻塞信号 2.1 -> 信号其他相关常见概念 2.2 -> 在内核中的表示 2.3 -> sigset_t 2.4 -> 信号集操作函数 2.5 -> sigprocmask 2.6 -> sigpending 3 -> 捕捉信号 3.1 -> 内核如何实现信号的捕捉 3.2 ->…...

编程日记 2024/10/13 5:16:21

信息系统运维管理方案，运维建设文档，运维平台建设方案，软件硬件中间件运维方案，信息安全管理（原件word，PPT，excel）

建设方案目录&#xff1a; 1、智慧运维系统建设背景 2、智慧运维系统建设目标 3、智慧运维系统建设内容 4、智慧运维系统建设技术 5、智慧运维系统建设流程 6、智慧运维系统建设收益 企业对运维管理的需求&#xff1a; 1、提高运维效率&#xff1a;降低运维成本&#xff0c;提高…...

编程日记 2024/10/13 5:14:19

多元统计实验报告内容

1 实验内容 实验目的： 利用R软件进行一些简单的数学运算，通过对简单统计量函数的操作了解R语言的基本操作过程，从而对R语言形成初步的认识。 实验项目名称： R语言软件的安装。R语言中赋值语句的练习。 在R中<-表示赋值，c（）表示数组，X1<-c（）即表示将一组数据赋…...

编程日记 2024/10/13 5:11:14

使用机器学习边缘设备的快速目标检测

论文标题&#xff1a;Fast Object Detection with a Machine Learning Edge Device 中文标题&#xff1a;使用机器学习边缘设备的快速目标检测 作者信息&#xff1a; Richard C. Rodriguez, MSDA Information Systems and Cyber Security Department, The University of Tex…...

编程日记 2024/10/13 5:10:13

Anthropic的CEO达里奥·阿莫迪（Dario Amodei）文章传达他对AI未来的乐观展望

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…...

编程日记 2024/10/13 5:08:09

Human-M3 多模态姿态估计数据集-初步解读

文章概述（个人总结）：该论文重点提出一个用于人体姿态估计的RGB+点云数据集，针对该多模态数据集，作者阐述了数据集的收集、数据标注以及该数据集的特点。并提出了一个简单的多模态3D人体姿态估计算法，对比其他模型，该方法性能较好。最后总结了该数据集和该方法的限制。 …...

编程日记 2024/10/13 5:05:06

python爬虫 - 进阶正则表达式

&#x1f308;个人主页&#xff1a;https://blog.csdn.net/2401_86688088?typeblog &#x1f525; 系列专栏&#xff1a;https://blog.csdn.net/2401_86688088/category_12797772.html 目录 前言 一、匹配中文 &#xff08;一&#xff09;匹配单个中文字符 &#xff08;二…...

编程日记 2024/10/13 5:04:05

静态路由和nqa 联动实验

nqa 配置 1 test 断端口 很明显是切换到备机上了...

编程日记 2024/10/13 5:03:04

golang用any类型去接收前端传的数字类型的值，类型断言为float64

在 Go 中&#xff0c;使用 any 类型接收前端传来的数字时&#xff0c;通常会发现其被类型断言为 float64。这是因为在 JSON 解码的过程中&#xff0c;Go 的 encoding/json 包会将数字解析为 float64。但如果你在结构体中指明字段为 int 类型&#xff0c;框架会根据字段类型进行…...

编程日记 2024/10/13 5:02:02

5、Spring Boot 3.x 集成 RabbitMQ

一、前言 本篇主要是围绕着 Spring Boot 3.x 与 RabbitMQ 的集成&#xff0c;这边文章比较简单&#xff0c;RabbitMQ 的集成没有太大的变化&#xff0c;这篇文章主要是为了后续的 RabbitMQ 的动态配置做铺垫。 1、Docker 安装 RabbitMQ 2、Spring Boot 3.x 集成 RabbitMQ二、D…...

编程日记 2024/10/13 5:01:01

ENSP搭建基础网络拓扑图

一、ENSP的基本操作 1、配置网关 进入系统视图与退出 <Huawei>system-view [Huawei]quit 进入G0/0/0接口后配置ip [R1]interface GigabitEthernet 0/0/0 [R1-GigabitEthernet0/0/0]ip address 192.168.1.1 24查询所有接口的ip配置 [R1]display ip interface brief…...

编程日记 2024/10/13 5:00:00

尚硅谷rabbitmq 2024 消息可靠性答疑二 第22节

returnedMessage()只有失败才调用&#xff0c;confirm()成功失败了都会调用&#xff0c;为什么&#xff1f; 在RabbitMQ中&#xff0c;消息的确认和返回机制是为了确保消息的可靠传递和处理。confirm和returnedMessage方法的调用时机和目的不同&#xff0c;因此它们的行为也有…...

编程日记 2024/10/13 4:57:55

在 Ubuntu 上安装 Whisper 支撑环境（ffmpeg、PyTorch）的教程（2024亲测可用）

在 Ubuntu 上安装 Whisper 的教程 以下是如何在 Ubuntu 系统上安装 Whisper 以进行视频转录的详细步骤。 步骤 1&#xff1a;更新系统 首先更新你的 Ubuntu 系统&#xff0c;确保安装最新的软件包&#xff1a; sudo apt update && sudo apt upgrade -y步骤 2&#…...

编程日记 2024/10/13 4:55:53

vue+echarts实现雷达图及刻度标注

文章目录 前言代码实现实现效果总结 前言 最近项目有做数据可视化 大屏 不免再次使用些echarts应用 记录下其中echarts雷达图的实现 代码实现 先上代码 <template><div class"container"><div ref"chart" style"width: 500px; heig…...

编程日记 2024/10/13 4:54:52

【进阶OpenCV】 （9）--摄像头操作---＞答题卡识别改分项目

文章目录 项目&#xff1a;答题卡识别改分1. 图片预处理2. 描绘轮廓3. 轮廓近似4. 透视变换5. 阈值处理6. 找每一个圆圈轮廓7. 将每一个圆圈轮廓排序8. 找寻所填答案&#xff0c;比对正确答案8.1 思路8.2 图解8.3 代码体现 9. 计算正确率 总结 项目&#xff1a;答题卡识别改分 …...

编程日记 2024/10/13 4:53:51

实时从TDengine数据库采集数据到Kafka Topic

实时从TDengine数据库采集数据到Kafka Topic 一、认识TDengine二、TDengine Kafka Connector三、什么是 Kafka Connect&#xff1f;四、前置条件五、安装 TDengine Connector 插件六、启动 Kafka七、验证 kafka Connect 是否启动成功八、TDengine Source Connector 的使用九、添…...

编程日记 2024/10/13 4:52:50

Linux -- 初识动静态库

目录 为什么要有库&#xff1f; 静态库 什么是静态库&#xff1f; 特点 优点 缺点 动态库 什么是动态库&#xff1f; 优点 缺点 编译器会选择哪个库&#xff1f; 为什么要有库&#xff1f; 库的存在是为了提高软件开发的效率、促进代码复用以及简化维护工作。通过使用…...

编程日记 2024/10/13 4:51:49

vite 打包前请求接口和打包后的不一致

在使用 Vite 进行项目打包时&#xff0c;如果发现打包前请求接口和打包后的行为不一致&#xff0c;这可能是由于多种原因导致的。以下是一些可能的原因和相应的解决方案&#xff1a; 1. 代理配置问题 开发环境&#xff1a;在开发环境中&#xff0c;Vite 通常使用 vite.config…...

编程日记 2024/10/13 4:50:48

告别迷茫！在嵌入式Linux上用libwebsockets v4.0实现WebSocket客户端（含SSL配置避坑）

嵌入式Linux实战&#xff1a;libwebsockets v4.0客户端开发与SSL避坑指南 当树莓派的GPIO引脚需要与云端实时同步数据时&#xff0c;WebSocket往往是嵌入式开发者的首选协议。但面对内存仅512MB的ARMv7开发板&#xff0c;选用一个既支持SSL加密又能兼容C99标准的轻量级库&#…...

编程新知 2026/5/17 10:39:47

Netgear路由器急救指南：nmrpflash如何让变砖设备重获新生

Netgear路由器急救指南&#xff1a;nmrpflash如何让变砖设备重获新生 【免费下载链接】nmrpflash Netgear Unbrick Utility 项目地址: https://gitcode.com/gh_mirrors/nmr/nmrpflash 当你心爱的Netgear路由器因为固件升级失败、意外断电或其他原因变成一块"砖头&q…...

编程新知 2026/5/17 10:37:24

Java并发编程：CompletableFuture实战

Java并发编程&#xff1a;CompletableFuture实战 引言 Java 8引入的CompletableFuture是现代异步编程的重要工具&#xff0c;它不仅解决了Future的局限性&#xff0c;还提供了丰富的API用于组合、转换和处理异步结果。相比传统的Future&#xff0c;CompletableFuture支持流式调…...

编程新知 2026/5/17 10:30:49

基于Readability算法的网页内容提取服务：从原理到工程实践

1. 项目概述&#xff1a;一个为现代阅读而生的开源工具 最近在折腾个人知识库和稍后读系统时&#xff0c;我一直在找一个能完美解决“网页内容净化与结构化”痛点的工具。市面上的方案要么太重&#xff0c;要么太简陋&#xff0c;直到我遇到了 Cat-tj/web-reader 。这不仅仅是…...

编程新知 2026/5/17 8:32:29

DeepSeek LeetCode 2421. 好路径的数目 Python3实现

给你 Python3 版本的代码&#xff0c;思路和之前的 Java 实现一致&#xff1a; 完整代码 python class Solution: def numberOfGoodPaths(self, vals: List[int], edges: List[List[int]]) -> int: n len(vals) # 1. 构建邻接表 gr…...

编程新知 2026/5/17 7:40:09

别再只盯着CSI-2了！用示波器实测MIPI D-PHY波形，手把手教你排查Camera不通的硬件问题

别再只盯着CSI-2了&#xff01;用示波器实测MIPI D-PHY波形&#xff0c;手把手教你排查Camera不通的硬件问题 调试Camera模块时&#xff0c;MIPI信号问题往往是硬件工程师最头疼的挑战之一。当系统出现图像异常、花屏或无法识别时&#xff0c;大多数工程师的第一反应是检查CSI-…...

编程新知 2026/5/17 7:33:52

从零构建团队技能仓库：结构化知识管理与VuePress实践

1. 项目概述&#xff1a;一个技能仓库的诞生与价值 最近在整理团队内部的技术资产时&#xff0c;我一直在思考一个问题&#xff1a;如何让那些散落在个人笔记、项目代码片段、会议纪要里的“隐性知识”和“最佳实践”沉淀下来&#xff0c;变成团队可复用、可传承的“显性资产”…...

编程新知 2026/5/17 7:31:49

Copaw_dev：AI编程助手增强框架，提升代码生成与自动化开发效率

1. 项目概述&#xff1a;Copaw_dev 是什么&#xff0c;以及它为何值得关注如果你是一名开发者&#xff0c;尤其是对自动化、代码生成或者AI辅助编程感兴趣&#xff0c;那么“Copaw_dev”这个项目标题很可能已经引起了你的注意。乍一看&#xff0c;这个由“G-Divine”维护的项目…...

编程新知 2026/5/17 7:31:49

用51单片机和HC-SR04超声波模块DIY一个倒车雷达（附完整代码和立创EDA原理图）

51单片机与HC-SR04超声波模块实战&#xff1a;打造高精度倒车雷达系统 在汽车电子和智能硬件领域&#xff0c;倒车雷达作为基础安全装置&#xff0c;其DIY实现不仅能帮助理解超声波测距原理&#xff0c;更是掌握嵌入式系统开发的绝佳实践。本文将手把手教你使用经典的STC89C52单…...

编程新知 2026/5/17 7:23:33

本地化AI代码助手LLMDog：模块化框架与开源模型集成实践

1. 项目概述&#xff1a;一个为开发者设计的本地化AI代码助手最近在GitHub上闲逛&#xff0c;发现了一个挺有意思的项目叫“LLMDog”&#xff0c;作者是doganarif。乍一看这个名字&#xff0c;可能会联想到“AI狗”或者某种宠物&#xff0c;但它的全称其实是“Large Language M…...

编程新知 2026/5/17 6:45:11