HTML文本标签

╰+哭是因爲堅強的太久メ 2023-03-01 13:35 35阅读 0赞

## 添加段落 ##

创建新段落的步骤
 (1) 输入 
 (2) 输入新段落的内容
 (3) 输入 结束这个段落

## 指定细则 ##

指定细则的步骤
 (1) 输入 
 (2) 输入表示免责声明、注解、署名等类型的文本
 (3) 输入

## 标记重要和强调的文本 ##

strong 元素表示内容的重要性，而 em 则表示内容的着重点

标记重要文本
 (1) 输入 。
 (2) 输入想标记为重要内容的文本。
 (3) 输入 。
 强调文本
 (1) 输入 。
 (2) 输入想强调的文本。
 (3) 输入 。

![在这里插入图片描述][20200726210445720.png]

![在这里插入图片描述][20200726210431794.png]  
看起来strong元素的效果是加粗，em元素效果是斜体，但是不能用**：字体加粗 和*：字体斜体 来代替。尽管它们在浏览器中显示的样式是一样的，但它们的含义却很不一样  
em 用于所有层次的强调，strong 用于表示重要性，而其他情况则使用 b 和 i***

## 创建图 ##

创建图及其标题的步骤  
(1) 输入

。  
(2) 作为可选步骤，输入  开  
始图的标题。  
(3) 输入标题文字。  
(4) 如果在第 (2)、(3) 步创建了标题，就  
输入 。  
(5) 添加图像、视频、数据表格等内容的代码创建图  
(6) 如 果 没 有 在 figure 内 容 之 前 包 含figcaption，则可以在内容之后重复第 (2) ～(4) 步。  
(7) 输入

## 指明引用或参考 ##

引用参考的步骤  
(1) 输入 。  
(2) 输入参考的名称。  
(3) 输入   
(效果就相当于设置斜体，i元素)

## 引述文本 ##

1. 引述块级文本的步骤 
 (1) 输入<blockquote开始一个块级引述。 
 (2) 如果需要，输入 cite=“url”，其中url 为引述来源的地址。 
 (3) 输入 > 以结束开始标签。 
 (4) 输入希望引述的文本，并用段落等适当的元素包围。 
 (5) 输入 。 
 2.引述行内文本的步骤 
 (1) 输入 <q 开始引述字词或短语。 
 (2) 如果需要，输入 cite=“url”，其中url 
 为引述来源的地址。 
 (3) 如果引述内容的语言与页面默认语言,但浏览器对引号的呈现方式可能不同。 
 (4) 输入 > 以结束开始标签。 
 (5) 输入要引述的文本。 
 (6) 输入 。

## 指定时间 ##

指定准确时间、日期或时间段的步骤 
(1) 输入 <time 开始 time 元素。 
(2) 如果需要，输入 datetime=“time”，其中 time 表示的是第 (4) 步中文本的机器可读格式（参见补充料“理解有效的时间格式”）。 
(3) 输入 > 结束开始标签。 
(4) 输入要显示在浏览器中的表示时间、日期或时间段的文本（如果第 (2) 步中没有包含 datetime 属性，见第一条提示）。 
(5) 输入 。

<time datetime="2014-10-15">October 15, 2014</time>

![在这里插入图片描述][20200726212220831.png]

## 创建上标和下标 ##

(1) 输入 sub 创建下标，或输入 sup创建上标。  
(2) 输入要出现在下标或上标里的字符或符号。  
(3) 根据第 (1) 步中使用的元素，输入/sub 或 /sup 结束该元素。

H2O

![在这里插入图片描述][20200726215042763.png]

## 突出显示文本 ##

(1) 输入 mark  
(2) 输入希望引起注意的字词  
(3) 输入 /mark

hhhhh

![在这里插入图片描述][20200726215227265.png]

## 换行 ##

或者是

[20200726210445720.png]: /images/20230208/f7b775ed5c6c4070a71d74d621cd4ba5.png
[20200726210431794.png]: /images/20230208/f69474ea73bc462fa05e25c3129bed19.png
[20200726212220831.png]: https://img-blog.csdnimg.cn/20200726212220831.png
[20200726215042763.png]: https://img-blog.csdnimg.cn/20200726215042763.png
[20200726215227265.png]: https://img-blog.csdnimg.cn/20200726215227265.png