全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

主要内容：这是HTML课程的第四课，主要讲解HTML的文字标签和格式标签。在今天我们做一个属于自己的简历。

上节回顾

在上一节中主要讲解了HTML的标题标签（h1~h7）以及加粗、斜体、下划线、上下标等格式的标签。上节请戳→HTML电脑编程03 标题物理字体标签的使用，大学生学编程

HTML

font标签

font标签通过字面意思来看，就是字体的意思。是的这是一个用来显示文字的标签。不过值得说的是，这个文字可以通过属性的方式，指定颜色和字体大小。比如：

font标签的写法

效果：

font标签的显示效果

从书写的HTML代码可以看出，font标签包括两个参数：

1. color（字体的颜色）：颜色的值可以为英文，也可以为RGB数值。
   

2. size（字体的大小）：通过数字1~7可以控制字体的大小。

3. face（文字的显示字体）：这个属性可以设置显示的字体。如可以写为：face="楷体"

颜色体系

在HTML中包括两种颜色体系。一种就是直接写颜色的英文，如：red（红色）、blue（蓝色）、green（绿色）等。

不同颜色

另外一种颜色体系是RGB。由R（Red）、G（Green）、B（Blue）三种颜色组成。相信小时候很多人都知道两种不同的颜料，可以转换为不同的颜色。RGB就是通过红绿蓝不同的明暗程度。来表示所有的颜色的。

RGB

RGB中的每一个颜色都是以六位十六进制进行表示。数值越大颜色越深。如：000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#号。

段落标签

段落标签为p。会为里面的文字自动分段显示：

p标签自动分段

换行标签

换行标签为br，这是个单标签。写法为：<br/>。

br标签的形式

效果：

换行标签的效果

默认情况下，HTML的文档排列形式为自上而下，自左而右。标签包括行级标签和块级标签。如果想要对块级标签进行换行，你就需要使用br标签。

其他几个标签

下面是几个标签，大家直接Sublime中写入看一下效果哦。在以后就直接使用啦

居中预格式化标签

言：在完成了使用开源的Atom软件搭建好编写markdown的环境后，接下来就进行我们的第一个markdown文件的编写，同时学习markdown标记语言的基础语法，都是十分简单的一些标记，如果学习过HTML标记语言或者了解过HTML标记语言的就十分清楚，markdown也是一种标记语言，与HTML有着类似的效果功能，同时在markdown中还支持HTML标签语法。废话不多说，直接上干货！

markdown基本文章结构

0、目录

在需要目录出现的地方放置一个标记，自动生成嵌套包含所有标题的列表，标记：[TOC]。

1、标题

用#的个数表示几级标题，#与标题之间至少一个空格，有1到6级标题；

在标题下面使用任意个===符号表示一级标题，使用任意个---符号表示二级标题。

2、列表

无序列表，使用-、+、*表示，至少一个空格；

有序列表，使用数字加英文.表示，至少一个空格。

小提示：在使用列表时，只要是数字后面加上英文的点，就会无意间产生列表，比如2017.12.30 这时候想表达的是日期，有些软件把它被误认为是列表。解决方式：在每个点前面加上\就可以了。

3、引用

引用以>来表示，引用中支持多级引用、标题、列表、代码块、分割线等常规语法。

4、文字样式

2个*代表加粗，1个*代表斜体，~~代表删除，都是一对标签，前后都要有；

3个*或者-表示加粗斜体，删除是指由中间划线；

字体上标（superscript）和下标（subscript ）<sup><sup>、<sub><sub>。

5、图片与链接（Images & Links）

图片与链接的语法很像，区别在一个 ! 号。

小提示：Markdown 不能设置图片大小，如果必须设置则应使用HTML标记 <img>；

图片：![]() ；

链接：[]() [链接描述](链接的地址)。

6、代码引用，预览支持语法高亮显示，形式如下

``` C

C语言源代码

```

行内式：如果在一个行内需要引用代码，只要用反引号`引起来就好（一般在ESC键下方，和~同一个键）。

7.表格（Tables）

表格对齐格式，居左：:----；居中：:----:或-----；居右：----:。

8、分割线

使用***符号独自在一行，不能有其他字符，处理空格之外；

___三个下划线在一行；

用三个以上的星号(*)、减号(-)、底线(_)来建立一个分隔线。

小提示：Markdown 可以利用反斜杠\来插入一些在语法中有其它意义的符号，转义字符。

9、自动连接

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用<>包起来， Markdown 就会自动把它转成链接。也可以直接写，也是可以显示成链接形式的，直接写URL链接。

10、 换行

方法1: 连续两个以上空格+回车 ；

方法2：使用html语言换行标签：<br>。

11、锚点

锚点其实就是页内超链接。比如我这里写下一个锚点，点击回到目录，就能跳转到目录。 在目录中点击这一节，就能跳过来。语法说明： 在你准备跳转到的指定标题后插入锚点{#标记}，然后在文档的其它地方写上连接到锚点的链接。

12、注脚

语法说明： 在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注，脚注前必须有对应的脚注名字。脚注自动被搬运到最后面，请到文章末尾查看，并且脚注后方的链接可以直接跳转回到加注的地方。

13、首行缩进两个字符：(每个表示一个空格，连续使用两个即可）

方法一： 半角的空格；

方法二： 全角的空格

14、使用LaTex数学公式

方法1.行内公式：使用两个”$”符号引用公式:

输入latex公式：$E=mc^2$；

方法2.行间公式：使用两对“$$”符号引用公式：

输入latex公式：$\sqrt{x^{2}}$ 。