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

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

article 2026/4/19 7:01:12

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

一、标题字

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、…...

编程日记 2026/4/14 16:02:01

FFmpeg源码：url_find_protocol函数分析

一、url_find_protocol函数的定义 url_find_protocol函数定义在FFmpeg源码（本文演示用的FFmpeg源码版本为7.0.1）的源文件libavformat/avio.c中： static const struct URLProtocol *url_find_protocol(const char *filename) {const URLProt…...

编程日记 2025/2/24 17:42:43

一.数据治理理论架构

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

编程日记 2026/4/17 17:35:26

CentOS上远程连接SSH常用操作命令整理

1.SSH服务状态查询，查看SSH服务是否正在运行的命令 sudo systemctl status sshd 2.SSH服务的启动及设置系统启动时自动运行命令 sudo systemctl start sshd sudo systemctl enable sshd 3.SSH服务的重启命令 sudo systemctl restart sshd 4.SSH的主要配置文件是/…...

编程日记 2025/8/11 13:53:42

PHP基础部分

但凡是和输入、写入相关的一定要预防别人植入恶意代码！ HTML部分语句格式 <br> <hr> 分割符 <p>插入一行按住shift 输入！然后按回车可快速输入html代码(VsCode需要先安装live server插件) html：<h1>标题数字越大越往后</h1> <p…...

编程日记 2026/4/19 1:16:22

人工智能 - 主动视觉可能就是你所需要的：在双臂机器人操作中探索主动视觉

AV-ALOHA 系统使用用于 AV 的 VR 耳机实现直观的数据收集，并且用于作的 VR 控制器或引线臂。这有助于捕捉全身和头部远程作我们的真实和模拟系统的运动，记录来自 6 个的视频不同的摄像头，并为我们的 AV 仿制学习策略提供训练数据。加州大…...

编程日记 2026/4/17 3:19:43

乘法逆元是什么

逆元（Inverse Element）是数学中的一个概念，特别是在模运算中非常重要。逆元的定义依赖于具体的运算和集合。在编程算法中，逆元通常指的是模数下的乘法逆元。 1. 逆元的定义在模运算中，给定一个整数 ( a ) 和一个模数…...

编程日记 2025/11/6 20:14:35

DeepSeek 助力 Vue 开发：打造丝滑的日期选择器（Date Picker），未使用第三方插件

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏关注哦 💕 目录 Deep…...

编程日记 2026/4/8 7:00:15

Python编程中，async/await/asyncio分别是干啥的？

在Python异步编程中，async、await和asyncio是三个核心概念。它们共同构成了Python处理高并发I/O密集型任务的解决方案。本文将通过代码实例解析它们的作用和用法。一、异步编程基础 1.1 同步 vs 异步同步编程：代码按顺序执行，遇到I/O操作（如网络请求、文件读写）时会阻塞…...

编程日记 2026/4/14 7:12:36

Kafka偏移量管理全攻略：从基础概念到高级操作实战

#作者：猎人文章目录前言：概念剖析kafka的两种位移消费位移消息的位移位移的提交自动提交手动提交 1、使用--to-earliest重置消费组消费指定topic进度2、使用--to-offset重置消费offset3、使用--to-datetime策略指定时间重置offset4、使用--to-current…...

编程日记 2026/4/8 4:17:21

一周学会Flask3 Python Web开发-Debug模式开启

锋哥原创的Flask3 Python Web开发 Flask3视频教程： 2025版 Flask3 Python web开发视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili 默认情况，项目开发是普通模式，也就是你修改了代码，必须重启项目，新代码才生效&…...

编程日记 2026/4/9 8:50:24

拷贝构造函数简单的说就是——用一个对象构造另外一个对象 class Myclass {public:int d0;Myclass(int d_){d d_}; //常用的构造函数Myclass(Myclass c) //拷贝构造函数{d c.d;} }; //对比 class Myclass {public:int d0;Myclass(int d_){d d_}; //常用的构造函数Myclass…...

编程日记 2025/10/28 20:38:51

java练习（28）

ps：练习来自力扣给定一个二叉树，判断它是否是平衡二叉树 // 定义二叉树节点类 class TreeNode {int val;TreeNode left;TreeNode right;TreeNode() {}TreeNode(int val) { this.val val; }TreeNode(int val, TreeNode left, TreeNode right) {this.va…...

编程日记 2026/4/7 22:58:45

【信息学奥赛一本通 C++题解】1285：最大上升子序列和

信息学奥赛一本通（C版）在线评测系统基础算法第一节动态规划的基本模型 1285：最大上升子序列和 “最大上升子序列和”问题课堂讲解 1. 理解题意同学们，想象我们有一串数字，就像一串彩色的珠子，每个珠子…...

编程日记 2026/4/17 21:15:48

深入了解 CSS 常用的样式

在网页开发中，CSS（层叠样式表）起着至关重要的作用，它可以让我们的网页变得更加美观和易于阅读。除了一些特定场景下的 CSS 样式，还有许多其他常用的 CSS 样式，下面就让我们一起来详细了解一下。一、文本相…...

编程日记 2025/10/27 5:38:22

Web安全｜渗透测试｜网络安全

基础入门(P1-P5) p1概念名词 1.1域名什么是域名？ 域名：是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识（有时也指地理位置）。什么是二级域名多级域名&am…...

编程日记 2026/4/8 3:16:54

OpenHarmony 系统性能优化——默认关闭全局动画

笔者最近发现，关闭OpenHarmony全局动画，系统UI的响应速度会极大的提升 1.全局动画的开关由系统属性persist.sys.arkui.animationscale来控制，默认为1。也就是动画缩放 1x 2.如果让persist.sys.arkui.animationscale默认为0,也就是关闭的状态…...

编程日记 2026/4/16 21:37:11

C 程序多线程拆分文件

C 程序多线程拆分文件在C语言中，实现多线程来拆分文件通常需要借助多线程库，比如 POSIX 线程库（pthread）或者 Windows 的线程库（CreateThread 或类似的函数）。下面我将分别展示在 Linux 和 Windows 环境下…...

编程日记 2026/4/19 3:23:31

【Linux】Ubuntu Linux 系统——Python集成开发环境

ℹ️大家好，我是练小杰，今天周四了，明天就周五了，再坚持坚持又能休息了！！😆 本文是有关Linux 操作系统中Python集成开发环境基础知识，后续将添加更多相关知识噢，谢谢各位…...

编程日记 2026/4/19 3:48:20

数据库加密全解析：从传输到存储的安全实践

title: 数据库加密全解析：从传输到存储的安全实践 date: 2025/2/17 updated: 2025/2/17 author: cmdragon excerpt: 数据加密是数据库安全的最后一道物理防线。传输层SSL/TLS配置、存储加密技术及加密函数实战应用，覆盖MySQL、PostgreSQL、Oracle等主流数据库的20+生产级加密…...

编程日记 2026/4/17 8:24:27

【Prometheus】prometheus结合domain_exporter实现域名监控

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全…...

编程日记 2026/4/12 6:56:46

计算机专业知识【软件开发中的常用图表：E - R图、HIPO、DFD、N - S、PAD详解】

在软件开发过程中，有许多种图表工具被用于不同阶段的设计和分析，帮助开发者更清晰地理解系统结构、数据流程和算法逻辑。下面将详细介绍E - R图、HIPO图、DFD图、N - S图和PAD图，包括它们的样子和用途。一、E - R图（实体 - 联系…...

编程日记 2026/4/7 23:33:42

机器学习_13 决策树知识总结

决策树是一种直观且强大的机器学习算法，广泛应用于分类和回归任务。它通过树状结构的决策规则来建模数据，易于理解和解释。今天，我们就来深入探讨决策树的原理、实现和应用。一、决策树的基本概念 1.1 决策树的工作原理决策树是一种基于…...

编程日记 2026/4/15 17:24:38

Linux 命令行编辑快捷键

初学者在Linux命令窗口（终端）敲命令时，肯定觉得通过输入一串一串的字符的方式来控制计算是效率很低。但是Linux命令解释器（Shell）是有很多快捷键的，熟练掌握可以极大的提高操作效率。下面列出最常用的快捷…...

编程日记 2025/4/22 7:40:40

智能马达保护器：为工业电机安全运行保驾护航

在工业生产中，电动机作为核心动力设备，其稳定运行直接关系到生产效率与安全性。然而，复杂的工况环境、频繁启停和突发负载变化，常导致电机面临过载、缺相、短路等故障风险。安科瑞智能马达保护器凭借其智能化、高精度、多功能的设…...

编程日记 2026/4/15 23:48:24

-bash:/usr/bin/rm: Argument list too long 解决办法

问题概述小文件日志太多导致无法使用rm命令，因为命令行参数列表的长度超过了系统允许的最大值。需要删除/tmp目录下的所有文件，文件数量比较多。 ls -lt /tmp | wc -l 5682452 解决方法如下： 使用find -exec 遍历，然后执行删…...

编程日记 2025/2/25 8:45:34

深度集成DeepSeek大模型：WebSocket流式聊天实现

目录 5分钟快速接入DeepSeek大模型：WebSocket实时聊天指南创建应用开发后端代码 (Python/Node.js)结语 5分钟快速接入DeepSeek大模型：WebSocket实时聊天指南创建应用访问DeepSeek官网前往 DeepSeek官网。如果还没有账号，需要先注册一个。…...

编程日记 2026/4/15 8:39:51

Python函数的函数名250217

函数名其实就是一个变量，这个变量就是代指函数而已函数也可以被哈希，所以函数名也可以当作集合中的元素，也可作为字典的key值 # 将函数作为字典中的值，可以避免写大量的if...else语句 def fun1():return 123 def fun2():return 4…...

编程日记 2025/7/4 5:16:57

QT基础二、信号和槽

一、什么是信号和槽？ 1、简述在Qt框架中，信号和槽（Signals and Slots） 是一种用于对象间通信的机制。它是一种非常强大且灵活的设计模式，广泛应用于事件驱动编程中。信号和槽机制允许对象之间以松耦合的方式进行交互…...

编程日记 2026/4/12 19:48:46

MongoDB between ... and ... 操作

个人博客地址：MongoDB between ... and ... 操作 | 一张假钞的真实世界 MongoDB中类似SQL的between and操作可以采用如下语法： db.collection.find( { field: { $gt: value1, $lt: value2 } } );...

编程日记 2026/1/2 2:25:47

目录