dfFactory是一款PDF虚拟打印软件，但与其他虚拟打印机软件不同的是，它使用起来更加简单高效。由于无需Acrobat就能生成Adobe PDF文件，它可以帮助用户在系统没有连接打印机的情况下，将大部分支持打印的文档资料迅速转换成PDF文件，甚至网页也可以转换为PDF。

1、我们在谷歌浏览器中，打开需要保存内容到PDF文件的网站，这里以百度为例。然后点击浏览器右上角如下图1红框的按钮，然后选择“打印”。

2、在打开的打印设置界面中，打印机选择“pdfFactory Pro”，然后网页项选择“全部”，点击“更多设置”，可以设置纸张的尺寸大小和打印的质量，默认的纸张尺寸为“A4”，具体如下图2所示。

如果需要加上网页页面的页眉页脚，请勾选“页眉和页脚”，页眉为网页的标题，页脚为网页的页面网址。设置完成以后，点击下方的“打印”按钮，即可将此网页加入pdfFactory Pro的打印处理任务中。

3、选择一个新的网页，然后重复以上操作，将需要合并到一个PDF中的网址都加入进来，然后就可以看到所有的任务列表如下图3红框所示，该任务列表就包含了添加到此PDF中的所有网页。

右键点击任务，选择“上移”可以修改此网页在PDF中的相对位置，如下图4。

完成以后，点击软件界面上方菜单，如下图5红框的保存按钮，或者使用快捷键Ctrl+S，将PDF文件进行保存即可。

arkdown表格

Markdown表格的语法如下：

 |   |   |   |   |
 | - | - | - | - |
 |   |   |   |   |

显示效果如下：

我们可以:在第二行，也就是表头下面的一行，去规定它是左对齐，右对齐，或者是居中，分别是:-，-:，:-:，除此之外，就没有其他的控制的方式了，markdown对于表格的控制是比较弱的，比如说表格的合并，markdown自身就无能为力了，好在它支持html的语法，我们也可以实现表格的控制。

HTML表格

html之中，使用table作为表格

table表示表格，里面的元素有表头，行，单元格

th表示表头，tr表示行，td表示单元格

普通的HTML表格

<table>
<th>第1列</th><th>第2列</th><th>第3列</th><th>第4列</th>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
</table>

同一行的单元格合并

同一行的单元格要合并，那就是一个单元格，占多个单元格的位置，位置是span，就可以使用colspan="x"，来表示所在的单元格占多少个格子。

<table>
<th>第1列</th><th>第2列</th><th>第3列</th><th>第4列</th>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td colspan="3">1</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
</table>

同一列的单元格合并

同一列的单元格要合并，那就是一个单元格，占多行单元格的位置，位置是span，就可以使用rowspan="x"，来表示所在的单元格占多少个列方向的单元格。

<table>
<th>第1列</th><th>第2列</th><th>第3列</th><th>第4列</th>
<tr>
<td>1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td rowspan="3">1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>

行和列同时合并

这个时候，就需要把colspan="x"和rowspan="x"，同时使用了，下面是二者没有关系的一种情况。

<table>
<th>第1列</th><th>第2列</th><th>第3列</th><th>第4列</th>
<tr>
<td>1</td><td>2</td><td colspan="2">3</td>
</tr>
<tr>
<td rowspan="3">1</td><td>2</td><td>3</td><td>第4列</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>

下面是二者之间相互关联的一种情况。

<table>
<th>第1列</th><th>第2列</th><th>第3列</th><th>第4列</th>
<tr>
<td>1</td><td>2</td><td>3</td><th>第4列</th>
</tr>
<tr>
<td colspan=3 rowspan=3>1</td><td>2</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>

表格实战测试

分析：主要是纵向的表格的合并，文字放置在表格的中间，表格头背景颜色设为粉红色，然后表头文字是红色。我们开始实现。

1.先去处理第一列的单元格，占据3个单元格，整体的显示效果和代码如下：

<table>
    <th>派别</th><th>姓名</th><th>年龄</th><th>性别</th><th>武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
</table>

2.然后处理第4列的两个单元格，也是纵向的，合并的单元格，会自动占据它所合并的方向的位置，相应的位置，计算的时候会在下一行或者相邻的列里面也计算在内，它下面的一个元素，自动跟在这个“隐藏元素”的后面。比如青云山，男这两个元素的位置，就体现了这个原则。整体的显示效果和代码如下：

<table>
    <th>派别</th><th>姓名</th><th>年龄</th><th>性别</th><th>武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>青云山</td><td>2</td><td>3</td><td rowspan='2'>男</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
</table>

3.然后我们实现居中，使用style，对于整个table设置，也可以对某个tr，或者某一个td使用，越小的控制，起作用的优先级越高，比如第2行，设置向右对齐，它的优先级高于整个table的设置。整体的显示效果和代码如下：

<table style="text-align:center;">
    <th>派别</th><th>姓名</th><th>年龄</th><th>性别</th><th>武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>青云山</td><td>2</td><td>3</td><td rowspan='2'>男</td><td>5</td>
    </tr>
    <tr style="text-align:right;">
        <td>2</td><td>3</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
</table>

4.实现其他的表格合并的效果，整体的显示效果和代码如下：

<table style="text-align:center;">
    <th>派别</th><th>姓名</th><th>年龄</th><th>性别</th><th>武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>青云山</td><td>2</td><td>3</td><td rowspan='2'>男</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td rowspan=2>男</td><td>5</td>
    </tr>
    <tr>
        <td rowspan=2>鬼王宗</td><td>2</td><td>3</td><td>5</td>
    </tr>
    <tr>
        <td>2</td><td>3</td><td>4</td><td>5</td>
    </tr>
</table>

5.填充数据

<table style="text-align:center;">
    <th>派别</th><th>姓名</th><th>年龄</th><th>性别</th><th>武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>青云山</td><td>张小凡</td><td>16</td><td rowspan='2'>男</td><td>烧火棍</td>
    </tr>
    <tr>
        <td>曾书书</td><td>17</td><td>轩辕</td>
    </tr>
    <tr>
        <td>陆雪琪</td><td>18</td><td>女</td><td>天琊</td>
    </tr>
    <tr>
        <td>天音寺</td><td>普智</td><td>500</td><td rowspan=2>男</td><td>嗜血珠</td>
    </tr>
    <tr>
        <td rowspan=2>鬼王宗</td><td>鬼王</td><td>1000</td><td>朱雀印</td>
    </tr>
    <tr>
        <td>碧瑶</td><td>15</td><td>女</td><td>伤心花</td>
    </tr>
</table>

6.修改表头样式，仍然是使用style，修改背景色background-color，字体颜色color就可以了。

<table style="text-align:center;">
    <th style="background-color:#ffc7ce; color: #cb464b">派别</th>
    <th style="background-color:#ffc7ce; color: #cb464b">姓名</th>
    <th style="background-color:#ffc7ce; color: #cb464b">年龄</th>
    <th style="background-color:#ffc7ce; color: #cb464b">性别</th>
    <th style="background-color:#ffc7ce; color: #cb464b">武器</th>
    <tr>
        <!-- 列的方向占据3个cell -->
        <td rowspan='3'>青云山</td><td>张小凡</td><td>16</td><td rowspan='2'>男</td><td>烧火棍</td>
    </tr>
    <tr>
        <td>曾书书</td><td>17</td><td>轩辕</td>
    </tr>
    <tr>
        <td>陆雪琪</td><td>18</td><td>女</td><td>天琊</td>
    </tr>
    <tr>
        <td>天音寺</td><td>普智</td><td>500</td><td rowspan=2>男</td><td>嗜血珠</td>
    </tr>
    <tr>
        <td rowspan=2>鬼王宗</td><td>鬼王</td><td>1000</td><td>朱雀印</td>
    </tr>
    <tr>
        <td>碧瑶</td><td>15</td><td>女</td><td>伤心花</td>
    </tr>
</table>

以上就是实战环节，完成了既定的目标的表格的单元格合并与样式的改造，over!

typora插件

据说VLOOK可以，但是我测试了之后，不行，合并单元格功能无法正常使用。

tables generator

如果你没有html基础，或者是觉得麻烦，或者是不太想去写表格，没关系，也有办法，直接生成，按照目标样式自定义去合并，设置样式，然后生成，拷贝到typora之中即可！！！方便快捷，省时省力！！！只需浏览器收藏url：https://www.tablesgenerator.com/html_tables，因为我们现在实现表格的合并，是通过html的语法来完成的，而tablesgenerator网站可以帮我们实现表格的合并，我们只需要复制其中的代码，然后即可。

、建立站点后，在文件夹上右键新建一个文件，改名为音乐制作网页，然后双击进入网页，首先，插入表格，17行，2列，表格宽度和表格粗细都为0，确定。选中表格，下边的对齐方式为，居中对齐

2、选中第一个格，按住Ctrl键再选中第二个格，右键，表格，合并单元格，点击插入，图像，选择建的站点下的素材，确定

3、用刚才的方法合并第二行单元格，填写导航栏文字，选择拆分，找到对应代码位置，填写空格代码 在文字前后都添加空格，使导航栏文字间隙均匀，下边背景颜色改为紫色

4、编写下一行文字，背景颜色为绿色，金曲列表文字，下边，HTML，格式为标题5，歌曲下载文字，下边，HTML，格式为标题3，找到代码中金曲列表文字对应位置，添加空格代码

5、在歌曲下载文字后面插入，图像，选择下载图标图片，点击图片，选择连接指向你的歌曲MP3文件

6、在每个格中加入歌名，每个都要插入，布局对象，Div标签，然后添加歌曲名称

7、右半部分，前两行合并，插入布局对象，添加文字那女孩对我说，HTML格式改为标题2，然后将下边剩余所有行合并，插入布局，添加歌词

8、选择歌词，将HTML的格式改为标题5

9、点击代码，找到歌词位置，复制空格，在每一行歌词前面招贴空格，刷新一下，使歌词居中一些

10、按F12预览

小伙伴们，有没有看懂呢，看不懂可以去看视频呦！