6、文本格式化标签

<tt> 呈现类似打字机或者等宽的文本效果。
<i> 显示斜体文本效果。
<b> 呈现粗体文本效果。
<big> 呈现大号字体效果。
<small> 呈现小号字体效果。

7、HTML常用语义标签

<em> 把文本定义为强调的内容。
<strong>把文本定义为语气更强的强调的内容。
一般浏览器会把em元素呈现为斜体字,而将strong元素呈现为粗体。
<code> 定义计算机代码文本。
<var> 定义变量。

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>我的第一个网页</title>
</head>
<body>
<em>    把文本定义为强调的内容。</em><br>
<strong>把文本定义为语气更强的强调的内容。</strong><br>
<code>
#include<iostream>
using namespace std;
int main() {
  printf("hello world!");
}
</code><br>
<var>    定义变量。</var><br>
</body>
</html>

图片说明

8、<ins>标签和<del>标签

<ins> 标签定义已经被插入文档中的文本。
<del> 标签定义文档中已被删除的文本。
<del> 标签和<ins> 标签配合使用,来描述文档中的更新和修正
例:

<p>春风又<del>过</del><ins>绿</ins>江南岸</p>

图片说明

9、上标和下标 <sub> <sup>

<sub> 定义下标文本。
<sup> 定义上标文本。
例:

H<sub>2</sub>O
E = mc<sup>2</sup>

H2O
E = mc2

10、引用、引用和术语定义

<abbr> 定义缩写。
<bdo> 定义文字方向。
如:

<abbr title="World Wide Web">WWW</abbr>
<bdo dir="rtl">这是一段反方向的文字 This line will be written from right to left</bdo>

图片说明

11、<pre> 标签

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
例:

<pre>
int main() {
  cout << "Hello, World!" << endl;
}
</pre>

图片说明

12、水平线 <hr>,换行<br>