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預覽

小伙伴們，有沒有看懂呢，看不懂可以去看視頻呦！