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

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

news 2026/5/1 2:02:46

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

一、标题字

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

深度学习图像描述生成技术解析与应用实践

1. 深度学习图像描述生成模型入门指南在计算机视觉与自然语言处理的交叉领域，图像描述生成（Image Captioning）技术正逐渐改变人机交互的方式。想象一下，当视障人士的手机能够准确描述周围环境，当电商平台可以自动为海…...

编程新知 2026/5/1 1:38:28

深入UVM数据流：从Transaction到Scoreboard的TLM通信实战解析

UVM数据流深度解析：从Transaction到Scoreboard的完整通信机制在芯片验证领域，UVM（Universal Verification Methodology）已经成为事实上的标准验证方法学。对于已经搭建过简单UVM环境的工程师而言，理解数据如何在验证平…...

编程新知 2026/5/1 0:08:01

3D打印企业还需要转型？这三个案例给出重要启示！

当前，金属3D打印技术正在全球范围内经历关键转折——从原型、小批量零件制造，加速迈向真正的大批量、高性能最终产品制造。在这一阶段，市场竞争也变得异常激烈。各家品牌在技术路线、产品参数和服务模式上出现巨大的同质化。无论是消费级打印…...

编程新知 2026/5/1 0:00:04

深入探讨Haskell中的Combinator

引言在Haskell编程中，combinator是一种非常有用的函数抽象工具，可以简化代码并提高代码的可读性和复用性。今天，我们将深入探讨一个特定的combinator，它在Haskell标准库中被称为on函数。本文将通过实例展示如何使用这个combinator，并讨论其在实际编程中的应用。什么是…...

编程新知 2026/4/30 21:50:24

AutoDock Vina金属离子对接完整指南：如何正确处理锌离子等金属蛋白质对接

AutoDock Vina金属离子对接完整指南：如何正确处理锌离子等金属蛋白质对接【免费下载链接】AutoDock-Vina AutoDock Vina 项目地址: https://gitcode.com/gh_mirrors/au/AutoDock-Vina AutoDock Vina是一款快速且广泛使用的开源分子对接引擎，特别…...

编程新知 2026/4/30 21:20:33

LRC乐山无线电原装一级代理分销经销

品牌元件类别型号描述包装数量 LRC 三极管 L8550QLT1G SOT-23 3000 9,000...

编程新知 2026/4/30 20:05:23

如何高效使用InfluxDB Studio：时间序列数据库管理的完整实战指南

如何高效使用InfluxDB Studio：时间序列数据库管理的完整实战指南【免费下载链接】InfluxDBStudio InfluxDB Studio is a UI management tool for the InfluxDB time series database. 项目地址: https://gitcode.com/gh_mirrors/in/InfluxDBStudio InfluxDB…...

编程新知 2026/4/30 19:00:25

SlickGPT：专为开发者设计的轻量级AI助手工具链

1. 项目概述：一个为开发者打造的“智能副驾”最近在GitHub上看到一个挺有意思的项目，叫slickgpt。初看这个名字，你可能会觉得这又是一个基于GPT API的简单封装，或者是一个聊天界面。但如果你点进去，仔细看看它的README…...

编程新知 2026/4/30 18:11:11

3337. 字符串转换后的长度 II

题目链接 3337. 字符串转换后的长度 II - 力扣（LeetCode） 题目描述给你一个由小写英文字母组成的字符串 s，一个整数 t 表示要执行的转换次数，以及一个长度为 26 的数组 nums。每次转换需要根据以下规则替换字符串 s 中的每…...

编程新知 2026/4/30 17:47:31

APKMirror终极指南：5步打造安全便捷的安卓应用下载体验

APKMirror终极指南：5步打造安全便捷的安卓应用下载体验【免费下载链接】APKMirror 项目地址: https://gitcode.com/gh_mirrors/ap/APKMirror 你是否曾因为找不到官方应用商店的特定版本而苦恼？是否担心第三方下载站点的安全风险？APK…...

编程新知 2026/4/30 17:18:37

目录