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

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

news 2026/2/11 1:01:32

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

一、标题字

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

React第五十七节 Router中RouterProvider使用详解及注意事项

前言在 React Router v6.4 中，RouterProvider 是一个核心组件，用于提供基于数据路由（data routers）的新型路由方案。它替代了传统的 <BrowserRouter>，支持更强大的数据加载和操作功能（如 loader 和…...

编程新知 2026/2/9 6:48:42

【Linux】C语言执行shell指令

在C语言中执行Shell指令在C语言中，有几种方法可以执行Shell指令： 1. 使用system()函数这是最简单的方法，包含在stdlib.h头文件中： #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...

编程新知 2025/11/20 18:42:48

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...

编程新知 2025/11/30 16:55:29

Golang dig框架与GraphQL的完美结合

将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...

编程新知 2025/12/31 8:38:23

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展，消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁，不仅优化了客户体验，还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用，并…...

编程新知 2026/2/4 17:51:19

《通信之道——从微积分到 5G》读书总结

第1章绪论 1.1 这是一本什么样的书通信技术，说到底就是数学。那些最基础、最本质的部分。 1.2 什么是通信通信发送方接收方承载信息的信号解调出其中承载的信息信息在发送方那里被加工成信号（调制） 把信息从信号中抽取出来&am…...

编程新知 2026/2/7 11:01:56

【Go】3、Go语言进阶与依赖管理

前言本系列文章参考自稀土掘金上的【字节内部课】公开课，做自我学习总结整理。 Go语言并发编程 Go语言原生支持并发编程，它的核心机制是 Goroutine 协程、Channel 通道，并基于CSP（Communicating Sequential Processes&#xff0…...

编程新知 2025/10/7 0:32:40

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种系统属性定义文件（System Property Definition File），用于声明和管理 Bluetooth 模块相…...

编程新知 2025/11/22 12:02:51

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据案例一对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...

编程新知 2026/2/2 22:06:13

ardupilot 开发环境eclipse 中import 缺少C++

目录文章目录目录摘要1.修复过程摘要本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2026/1/31 5:06:34

目录