1、创建HTML5文档基本标签

代码

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>文档标题</title>
  5.         <meta charset="utf-8" />
  6.     </head>
  7.     <body>
  8.     </body>
  9. </html>

标签说明

标签 作用
<!DOCTYPE html> 定义文档类型
定义HTML文档
定义关于文档的信息
定义文档的标题
定义文档的字符编码
定义文档主体

2、文字相关标签

1）标题文字

—

基本语法

。

-

标签可定义标题。

定义最大的标题。

定义最小的标题。

功能

定义 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>

代码讲解

1、添加HTML标题

使用

—

添加HTML标题。

2) 文本段落

基本语法

。

标签定义段落。

功能

定义文本段落。

代码

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

代码讲解

1、添加一段文字

使用

标签添加一段文字。

添加一段文字

3) 文本

基本语法


规定文本的字体、字体尺寸、字体颜色。

功能

规定文本的字体、字体尺寸、字体颜色。

代码

<!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>

代码讲解

1、添加文本

使用标签添加一段文字
添加一段文本文字

2、color 属性

设置文本的颜色，一般使用样式来代替。
语法：color=颜色值

3、size 属性

设置文本字体的大小，一般使用样式来代替。
语法：size=字体大小

4、face属性

设置文本字体系列，一般使用样式来代替。
语法：face=字体系列


常用文本标签

标签 作用

换一行
定义文本粗体
定义斜体字
定义下划线文本
定义加删除线的文本

…
 定义标题
定义文字的颜色、大小 、字体
定义文档中的节
定义文档中的节

定义文档中的段落
定义列表