HTML添加文字

一、创建HTML5文档基本标签

html 复制代码
<!DOCTYPE html>   //定义文档类型
<html>   //定义HTML文档
	<head>  //定义关于文档的信息
		<title>文档标题</title>   //定义文档的标题
		<meta charset="utf-8" />    //定义文档的字符编码
	</head>
	<body>   //定义文档的主体
	</body>
</html>

二、文字相关标签

1.标题文字

<h1> </h1>

<h1> - <h6> 标签可定义标题。<h1>定义最大的标题。<h6>定义最小的标题。

html 复制代码
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	<h1>这是标题 1</h1>
	<h2>这是标题 2</h2>
	<h3>这是标题 3</h3>
	<h4>这是标题 4</h4>
	<h5>这是标题 5</h5>
	<h6>这是标题 6</h6>
</body>
</html>

2.文本段落<p>

<p> <\p>

html 复制代码
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	<p>
        这次会晤的主题是"金砖国家在非洲:在第四次工业革命中共谋包容增长和共同繁荣",很有现实意义。从18世纪第一次工业革命的机械化,到19世纪第二次工业革命的电气化,再到20世纪第三次工业革命的信息化,一次次颠覆性的科技革新,带来社会生产力的大解放和生活水平的大跃升,从根本上改变了人类历史的发展轨迹。
</p>
	<p>
        如今,我们正在经历一场更大范围、更深层次的科技革命和产业变革。大数据、人工智能等前沿技术不断取得突破,新技术、新业态、新产业层出不穷。各国利益和命运紧密相连,深度交融。同时,世界经济新旧动能转换尚未完成,南北失衡等深层次、结构性问题还未消除。地缘政治冲突此起彼伏,保护主义和单边主义愈演愈烈,直接影响到新兴市场国家和发展中国家发展外部环境。
</p>
</body>
</html>

3.文本<font>

<font><\font>

用来规定文本的字体、字体颜色和字体尺寸

html 复制代码
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	<font color="#00ffff" size="5" face="黑体">家在非洲:在第四次工业革命中共谋包容增长和共同繁荣",很有现实意义。从18世纪第一次工业革命的机械化,到19世纪第二次工业革命</font><br />
		<font color="red" size="10" face="宋体">家在非洲:在第四次工业革命中共谋包容增长和共同繁荣",很有现实意义。从18世纪第一次工业革命的机械化,到19世纪第二次工业革命</font>
</body>
</html>

4.其他文本标签

相关推荐
阿酷tony17 小时前
纯HTML5播放器带倍速、带画质切换的播放器
前端·html·html5
aichitang20246 天前
Claude fable 5与GPT5.5模型能力实测
javascript·css·人工智能·ai·html·html5
AI行业学习10 天前
Notepad++快速下载-Notepad++下载方式【2026-7-4】
开发语言·python·前端框架·html·notepad++·html5
sugar__salt1 个月前
从网页小游戏到数据可视化:掌握 HTML5 Canvas 核心能力
前端·信息可视化·html5
meilindehuzi_a1 个月前
从 Canvas 到 Vibe Coding:HTML5 游戏开发入门与 AI 飞机大战实战
前端·人工智能·html5
YHHLAI1 个月前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
li-xun1 个月前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
星辰徐哥1 个月前
工具推荐:HTML5+AI开发必备的前端调试工具
前端·人工智能·html5
星辰徐哥1 个月前
技能提升:自然语言处理在HTML5前端的应用
前端·自然语言处理·html5
星河耀银海1 个月前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5