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

相关推荐
FFF-X6 小时前
大屏自适应终极方案:基于比例缩放的完美适配实践(Vue3版)
javascript·html5
林的快手7 小时前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
IT、木易11 小时前
HTML5 新增的标签有哪些?
前端·html·html5
前端_学习之路12 小时前
H5--开发适配
css3·html5
大数据追光猿13 小时前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
烂蜻蜓16 小时前
深入解析 Uniapp 的页面结构
前端·css·vue.js·uni-app·html·html5
程序员远仔16 小时前
【Vue.js 和 React.js 的主要区别是什么?】
前端·javascript·css·vue.js·react.js·性能优化·html5
强强学习21 小时前
HTML5 起步
前端·html·html5
weixin_516875651 天前
HTML5 面试题
html5
运维阿江1 天前
【小白学HTML5】盒模型_第一讲
前端·html·html5