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

网页制作02-html,css,javascript初认识のhtml的文字与段落标记

news 2026/2/11 0:47:37

用一首李白的将进酒,对文字与段落标记进行一个简单的介绍演示：

一、标题字

1、标题字标记h

2、标题字对其属性align

二、文本基本标记

1、字体属性face

2、字号属性size

3、颜色属性 Color

三、文本格式化标记

1、粗体标记 b ，strong

2、斜体标记 i，em,cite

3、上标标记sup

4、下标标记sub

5、大字号标记big

6、小字号标记small

7、下划线标记u

四、段落标记

1、段落标记 P

2、换行标记br

3、不换行标记nobr

五、水平线

1、插入水平线hr

2、水平线宽度width

3、水平线高度size

4、水平线去掉阴影noshade

5、水平线颜色color

6、水平线排列align

六、其他标记

一般情况下特殊符号的代码组成为：&+字符名称+；

下表为部分符号：

HTML 代码	符号	描述	代码	符号	描述
&lt；	<	小于号	&sect	§	分节符
&gt；	>	大于号	&deg；	°	度
&amp；	&	与	+	+
&quot；	“	引号	-	-
&reg；	®	已注册	*	*
&trade；	™	商标	&divide	÷
©	©	版权标记	&ensp；		半个空白位
¥	¥	人民币	&emsp；		一个空白位
&euro；	€	欧元	&nbsp；		不断行的空白位

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>将进酒</title>
</head>
<!--ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň-->
<body>
<h1 align="center">将进酒</h1><!--设置标题的级别, H1到h6-->
<h2 align="right">---李白</h2><!--align属性设置对齐方式--><p><font face="Aa剑豪体">君不见黄河之水天上来，奔流到海不复回。</font></p><!--face属性设置字体属性--><p><font face="华文隶书">君不见高堂明镜悲白发，朝如青丝暮成雪。</font></p><p><font size="+3">人生得意须尽欢，莫使金樽空对月。</font></p><!--从-4~正4的整数,是相对于3号放大和缩小的字号--><p><font size="4">天生我材必有用，千金散尽还复来。</font></p><!--size字体绝对大小属性，由1-7的整数组成--><p><font color="#7E00EF">烹羊宰牛且为乐，会须一饮三百杯。</font></p><!--color属性设置字体颜色--><p><b>岑夫子</b>，丹丘生，<strong>将进酒，杯莫停。</strong></p><!--粗体标记strong,b--><p>与君<i>歌一曲</i>，<em>请君</em>为我<cite>倾耳听。</cite></p><!--斜体标记i,em,cite--><ruby>
<p>钟鼓馔玉不足贵，<rt>zhōng gǔ zhuàn yù bù zǔ guì </rt>但<rt>dàn</rt>愿<rt>yuàn</rt>长<sup>cháng</sup>醉<sub>zuì</sub>不复醒。</p>
</ruby><!--sub( SuperScript),sub(subscript)--><p><big>古</big><big><big>来</big></big><big><big><big>圣</big></big></big><big><big><big><big>贤</big></big></big></big><big><big><big><big><big>皆</big></big></big></big></big><big><big><big><big><big><big>寂</big></big></big></big></big></big><big><big><big><big><big><big><big>寞</big></big></big></big></big></big></big>,<small>惟</small><small><small>有</small></small><small><small><small>饮</small></small></small><small><small><small><small>者</small></small></small></small><small><small><small><small><small>留</small></small></small></small></small><small><small><small><small><small><small>其</small></small></small></small></small></small><small><small><small><small><small><small><small>名</small></small></small></small></small></small></small>
</p><p><u>	陈王昔时宴平乐，斗酒十千恣欢谑。</u></p><!--下划线标记u,p用来起始一个段落-->主人何为言少钱，<br>径须沽取对君酌。<br><!--br在不另起一段的情况下将当前文本强制换行,一个br为1行-->
<br>
五花马，千金裘，呼儿将出换美酒，<br><br><br>
与尔同销万古愁。<br><br>
<hr><!--插入水平线hr-->默认水平线
<hr noshade>无阴影水平线
<hr color="#000000" align="left">黑色左对齐水平线
<hr width="500" size="3"><br><center>长度为500像素，高度3像素水平线</center>
<hr>
<nobr>01ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň </nobr><!--nobr不换行标记--><br>02ā á ǎ à ō ó ǒ ò ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ń ň
<hr>
特殊符号：<br>&#33;!<br>&#35;#<br>&#36;$<br>&#37;%<br>&#39;'<br>&#40;(<br>&#41;)<br>&#42;*<br>&#43;+<br>&#44;,<br>&#45;-<br>&#46;.<br>&#58;:<br>&#59;;<br>&#61;=<br>&#63;?<br>&#64;@<br></body>
</html>

代码演示结果：

网页制作02-html,css,javascript初认识のhtml的文字与段落标记

用一首李白的将进酒,对文字与段落标记进行一个简单的介绍演示： 目录一、标题字 1、标题字标记h 2、标题字对其属性align 二、文本基本标记 1、字体属性face 2、字号属性size 3、颜色属性 Color 三、文本格式化标记 1、粗体标记 b ，strong 2、…...

编程日记 2025/2/19 5:28:48

【SpringBoot苍穹外卖】debugDay04

一、getById 与 new 我在修改数据时，产生疑问，注释掉是我一开始写得，new对象是答案提供的，我就好奇两者之间区别。 1. 使用 setmealMapper.getById 获取现有对象 Setmeal setmeal setmealMapper.getById(setmealDTO.getId()); …...

编程日记 2025/2/19 5:23:42

C++中的顺序容器（一）

文章目录顺序容器概述所有容器类型都支持的操作迭代器容器定义与初始化将一个容器初始化为另一个容器的拷贝标准库array具有固定大小赋值和swap关系运算符顺序容器的特有操作向顺序容器添加元素访问元素删除元素特殊的forward_list操作改变容器的大小容器操作可能是迭代器失…...

编程日记 2025/2/19 5:18:34

【复现DeepSeek-R1之Open R1实战】系列4：跑通GRPO！

目录 1 配置环境2 训练2.1 命令和配置参数2.2 num_generations2.2.1 参数定义2.2.2 参数含义2.2.3 示例2.2.4 使用场景2.2.5 示例代码 2.3 显存占用和耗时 3 结果 1 配置环境关于环境配置，可以参考这篇博文：【复现DeepSeek-R1之Open R1实战】系列1&…...

编程日记 2025/2/19 5:15:29

Redis原理简述及发布订阅消息队列

目录 1 什么是Redis 2 Redis 非阻塞IO内部原理 2.1 IO多路复用策略 2.2 Reactor设计模式 3 基于PubSub的消息队列（发布-订阅） 由于集群之后存在多台服务器，并且不同客户端连接的可能是不同的服务器，因此在聊天过程中涉及到服…...

编程日记 2025/2/19 5:07:21

ThreadLocal为什么会内存溢出

每个线程（Thread 对象）内部维护一个 ThreadLocalMap，用于存储该线程的所有 ThreadLocal 变量的键值对： ThreadLocalMap虽然是ThreadLocal的静态内部类，但是Thread 对象的属性，当线程存活时ThreadLocalMap不会被回收。 Key：ThreadLocal 实例的弱引用（WeakReference）。…...

编程日记 2025/2/19 5:04:17

假面与演员：到底是接口在使用类，还是类在使用接口？编程接口与物理接口的区别又是什么？

前言：本篇文章解释了接口学习过程中的2个常见问题，一个是“为什么是类在使用接口”，另一个一个是“编程接口与物理接口的差异源于所处的抽象层次和交互模式的不同”，旨在揭示编程接口的本质。 Part1.是类在使用接口当学习接口时…...

编程日记 2025/2/19 5:02:15

数据结构——Makefile、算法、排序（2025.2.13）

目录一、Makefile 1.功能 2.基本语法和相关操作 （1）创建Makefile文件 （2）编译规则 （3）编译 （4）变量 ①系统变量 ②自定义变量二、算法 1.定义 2.算法的设计 &#xff…...

编程日记 2025/2/19 5:00:13

算法之跳跃游戏

文章目录 55.跳跃游戏思路参考：56.合并区间 55.跳跃游戏 55.跳跃游戏灵神思路思路分析： 两种思路，思路1是我们可以直接维护当前到达i的时候所能到达的最右的边界mr，如果i>mr就说明无法到达i,否则就是可以到达；…...

编程日记 2025/2/19 4:57:07

C#中的图形渲染模式

在C#中，图形模式通常用于定义如何渲染或处理图形。可以枚举定义如下四种图形模式：AUTO、GDI、DIB 和 FBO。这些模式可能用于指定不同的图形渲染技术或后端。下面是对这些模式的详细解释： 1. AUTO (自动模式) 含义：自动选择最适合…...

编程日记 2025/2/19 4:54:03

二.数据治理流程架构

1、数据治理流程架构核心思想： 该图描绘了一个以数据标准规范体系为核心，大数据生命周期管理为主线，数据资源中心为依托，并辅以数据质量管理和大数据安全与隐私管理的数据治理流程架构。它旨在通过规范化的流程和技术手段&#x…...

编程日记 2025/2/19 4:37:43

瑞萨RA-T系列芯片ADCGPT功能模块的配合使用

在马达或电源工程中，往往需要采集多路AD信号，且这些信号的优先级和采样时机不相同。本篇介绍在使用RA-T系列芯片建立马达或电源工程时，如何根据需求来设置主要功能模块ADC&GPT，包括采样通道打包和分组，GPT触发启动…...

编程日记 2025/2/19 4:35:40

扩散模型中的马尔可夫链设计演进：从DDPM到Stable Diffusion全解析

一、技术原理与数学推导（附核心公式） 1.1 扩散过程数学建模马尔可夫链前向过程定义： q(x_{1:T}|x_0) \prod_{t1}^T q(x_t|x_{t-1})噪声调度函数（以余弦调度为例）： \beta_t \frac{1 - \cos(\pi t/T)}…...

编程日记 2025/2/19 4:34:39

通俗诠释 DeepSeek-V3 模型的 “671B” ，“37B”与 “128K”，用生活比喻帮你理解模型的秘密！

欢迎来到涛涛聊AI。在DeepSeek-V3模型的参数描述中，你可能会看到类似“671B 37B 128K”这样的标记。这些字母和数字的组合看起来像密码，但其实它们揭示了模型的“大脑容量”和“工作方式”。我们用日常生活的比喻来解释： 一、数字含义&…...

编程日记 2025/2/19 4:33:38

大模型常识：什么是大模型/大语言模型/LLM

本文原创作者：姚瑞南 AI-agent 大模型运营专家，先后任职于美团、猎聘等中大厂AI训练专家和智能运营专家岗；多年人工智能行业智能产品运营及大模型落地经验，拥有AI外呼方向国家专利与PMP项目管理证书。（转载需经授权）目录一、什么是语言模型？那么什么是语言模…...

编程日记 2025/2/19 4:25:30

iOS 中使用 FFmpeg 进行音视频处理

在 iOS 中使用 FFmpeg 进行音视频处理，通常需要将 FFmpeg 的功能集成到项目中。由于 FFmpeg 是一个 C 库，直接在 iOS 中使用需要进行一些配置和封装。 1. 在 iOS 项目中集成 FFmpeg 方法 1：使用 FFmpeg 预编译库下载 FFmpeg iOS 预编译库：可以从以下项目中获取预编译的 …...

编程日记 2025/2/19 4:21:25

SAP-ABAP：SAP的Screen Layout Designer屏幕布局设计器详解及示例

在SAP中，Screen Layout Designer（屏幕布局设计器）是用于设计和维护屏幕（Dynpro）布局的工具。通过Screen Layout Designer，您可以创建和修改屏幕元素（如输入字段、按钮、文本、表格控件等&#x…...

编程日记 2025/2/19 4:19:23

一.数据治理理论架构

1、数据治理核心思想： 数据治理理论架构图描绘了一个由顶层设计、管控机制、核心领域和管理系统四个主要部分组成的数据治理框架。它旨在通过系统化的方法，解决数据治理机制缺失引发的业务和技术问题，并最终提升企业的数据管理水平。数据治…...

编程日记 2025/2/19 4:13:16

亲测有效！使用Ollama本地部署DeepSeekR1模型，指定目录安装并实现可视化聊天与接口调用

文章目录一、引言二、准备工作（Ollama 工具介绍与下载）2.1 Ollama介绍2.2 Ollama安装三、指定目录安装 DeepSeek R1四、Chatbox 可视化聊天搭建4.1 Chatbox下载安装4.2 关联 DeepSeek R1 与 Chatbox 的步骤五、使用 Ollama 调用 DeepSeek 接口5.1 请求…...

编程日记 2025/2/19 4:11:13

MySQL安装MySQL服务时提示Install-Remove of the Service Denied

文章目录问题描述排查1.字面意思2.搜索引擎3.官方文档4.源码处理方法相关扩展问题描述 MySQL安装MySQL服务时提示Install-Remove of the Service Denied! 详细报错如下： C:\Users\荷塘月色>net start mysql 服务名无效。请键入 NET HELPMSG 2185 以获得更多…...

编程日记 2025/2/19 4:09:07

【大模型RAG】拍照搜题技术架构速览：三层管道、两级检索、兜底大模型

摘要拍照搜题系统采用“三层管道（多模态 OCR → 语义检索 → 答案渲染）、两级检索（倒排 BM25 向量 HNSW）并以大语言模型兜底”的整体框架： 多模态 OCR 层将题目图片经过超分、去噪、倾斜校正后，分别用…...

编程新知 2026/2/10 23:40:16

19c补丁后oracle属主变化，导致不能识别磁盘组

补丁后服务器重启，数据库再次无法启动 ORA01017: invalid username/password; logon denied Oracle 19c 在打上 19.23 或以上补丁版本后，存在与用户组权限相关的问题。具体表现为，Oracle 实例的运行用户（oracle）和集…...

编程新知 2026/2/8 4:37:10

[2025CVPR]DeepVideo-R1：基于难度感知回归GRPO的视频强化微调框架详解

突破视频大语言模型推理瓶颈，在多个视频基准上实现SOTA性能一、核心问题与创新亮点 1.1 GRPO在视频任务中的两大挑战安全措施依赖问题 GRPO使用min和clip函数限制策略更新幅度，导致：梯度抑制：当新旧策略差异过大时梯度消失收敛困难：策略无法充分优化# 传统GRPO的梯…...

编程新知 2025/8/19 23:46:57

Linux链表操作全解析

Linux C语言链表深度解析与实战技巧一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别二、内核链表结构与宏解析常用宏/函数三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...

编程新知 2025/12/3 20:14:32

java_网络服务相关_gateway_nacos_feign区别联系

1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...

编程新知 2025/11/28 2:51:33

工程地质软件市场：发展现状、趋势与策略建议

一、引言在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...

编程新知 2025/10/6 6:10:29

拉力测试cuda pytorch 把 4070显卡拉满

import torch import timedef stress_test_gpu(matrix_size16384, duration300):"""对GPU进行压力测试，通过持续的矩阵乘法来最大化GPU利用率参数:matrix_size: 矩阵维度大小，增大可提高计算复杂度duration: 测试持续时间（秒&…...

编程新知 2025/12/7 12:35:20

Linux --进程控制

本文从以下五个方面来初步认识进程控制： 目录进程创建进程终止进程等待进程替换模拟实现一个微型shell 进程创建在Linux系统中我们可以在一个进程使用系统调用fork()来创建子进程，创建出来的进程就是子进程，原来的进程为父进程。…...

编程新知 2026/1/30 15:27:25

disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...

编程新知 2025/11/19 6:04:18

JVM虚拟机：内存结构、垃圾回收、性能优化

1、JVM虚拟机的简介 Java 虚拟机（Java Virtual Machine 简称：JVM）是运行所有 Java 程序的抽象计算机，是 Java 语言的运行环境，实现了 Java 程序的跨平台特性。JVM 屏蔽了与具体操作系统平台相关的信息，使得 Java 程序只需生成在 JVM 上运行的目标代码（字节码），就可以…...

编程新知 2026/2/9 23:40:53

目录