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.其他文本标签

相关推荐
海上彼尚3 天前
SVG矢量图形快速入门
前端·html5
是上好佳佳佳呀3 天前
【前端(六)】HTML5 新特性笔记总结
前端·笔记·html5
kyriewen113 天前
每日知识点:this 指向之谜——是谁在 call 我?
前端·javascript·vue.js·前端框架·ecmascript·jquery·html5
一定要AK4 天前
HTML5 入门到精通全章节学习笔记
笔记·学习·html5
深邃-4 天前
【C语言】-数据在内存中的存储(2):浮点数在内存中的存储
c语言·开发语言·数据结构·c++·算法·html5
我命由我123456 天前
Vue3 开发中,字符串中的 <br\> 标签被直接当作文本显示出来了,而不是被解析为 HTML 换行标签
开发语言·前端·javascript·vue.js·html·ecmascript·html5
天下无贼!7 天前
【功能实现】基于Vue3+TS实现大文件分片上传
开发语言·javascript·node.js·vue·html5
kyriewen118 天前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
我命由我123459 天前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
酉鬼女又兒10 天前
零基础快速入门前端ES6 核心特性详解与蓝桥杯 Web 考点实践(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·职场和发展·蓝桥杯·es6·css3·html5