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

相关推荐
想自律的露西西★2 小时前
用el-scrollbar实现滚动条,拖动滚动条可以滚动,但是通过鼠标滑轮却无效
前端·javascript·css·vue.js·elementui·前端框架·html5
彪8252 小时前
第十章 JavaScript的应用 习题
javascript·css·ecmascript·html5
风尚云网10 小时前
风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
前端·css·学习·html·html5·风尚云网
酷酷的威朗普13 小时前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
xcLeigh1 天前
HTML5超酷响应式视频背景动画特效(六种风格,附源码)
前端·音视频·html5
ZhaiMou2 天前
HTML5拖拽API学习 托拽排序和可托拽课程表
前端·javascript·学习·html5
懒羊羊我小弟3 天前
CSS回顾-CSS选择器详解
前端·css·html·css3·html5
逸曦穆泽3 天前
html5 实现视频播放
前端·音视频·html5
xcLeigh3 天前
HTML5实现剪刀石头布小游戏(附源码)
前端·html·html5
Java Fans4 天前
从零开始打造个人博客:我的网页设计之旅
css·html5