整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何將多個網頁合并成一個PDF文件

          如何將多個網頁合并成一個PDF文件

          dfFactory是一款PDF虛擬打印軟件,但與其他虛擬打印機軟件不同的是,它使用起來更加簡單高效。由于無需Acrobat就能生成Adobe PDF文件,它可以幫助用戶在系統沒有連接打印機的情況下,將大部分支持打印的文檔資料迅速轉換成PDF文件,甚至網頁也可以轉換為PDF。

          1、我們在谷歌瀏覽器中,打開需要保存內容到PDF文件的網站,這里以百度為例。然后點擊瀏覽器右上角如下圖1紅框的按鈕,然后選擇“打印”。

          圖1:打印網站頁面

          2、在打開的打印設置界面中,打印機選擇“pdfFactory Pro”,然后網頁項選擇“全部”,點擊“更多設置”,可以設置紙張的尺寸大小和打印的質量,默認的紙張尺寸為“A4”,具體如下圖2所示。

          如果需要加上網頁頁面的頁眉頁腳,請勾選“頁眉和頁腳”,頁眉為網頁的標題,頁腳為網頁的頁面網址。設置完成以后,點擊下方的“打印”按鈕,即可將此網頁加入pdfFactory Pro的打印處理任務中。

          圖2:打印設置界面

          3、選擇一個新的網頁,然后重復以上操作,將需要合并到一個PDF中的網址都加入進來,然后就可以看到所有的任務列表如下圖3紅框所示,該任務列表就包含了添加到此PDF中的所有網頁。

          圖3:任務列表

          右鍵點擊任務,選擇“上移”可以修改此網頁在PDF中的相對位置,如下圖4。

          圖4:上移位置

          完成以后,點擊軟件界面上方菜單,如下圖5紅框的保存按鈕,或者使用快捷鍵Ctrl+S,將PDF文件進行保存即可。

          圖5:保存PDF文件

          arkdown表格

          Markdown表格的語法如下:

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

          顯示效果如下:

          姓名

          性別

          年齡

          生日

          張小凡

          13

          -

          陸雪琪

          16

          -

          碧瑤

          15

          -

          我們可以:在第二行,也就是表頭下面的一行,去規定它是左對齊,右對齊,或者是居中,分別是:-,-:,:-:,除此之外,就沒有其他的控制的方式了,markdown對于表格的控制是比較弱的,比如說表格的合并,markdown自身就無能為力了,好在它支持html的語法,我們也可以實現表格的控制。

          姓名

          性別

          年齡

          生日

          張小凡

          13

          -

          陸雪琪

          16

          -

          碧瑤

          15

          -


          HTML表格

          html之中,使用table作為表格

          table表示表格,里面的元素有表頭,行,單元格

          th表示表頭,tr表示行,td表示單元格

          普通的HTML表格

          第1列

          第2列

          第3列

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          第4列

          <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",來表示所在的單元格占多少個格子。

          第1列

          第2列

          第3列

          第4列

          1

          2

          3

          第4列

          1

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          第4列

          <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",來表示所在的單元格占多少個列方向的單元格。

          第1列

          第2列

          第3列

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          第4列

          1

          2

          3

          1

          2

          3

          <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",同時使用了,下面是二者沒有關系的一種情況。

          第1列

          第2列

          第3列

          第4列

          1

          2

          3

          1

          2

          3

          第4列

          1

          2

          3

          1

          2

          3

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

          下面是二者之間相互關聯的一種情況。

          第1列

          第2列

          第3列

          第4列

          1

          2

          3

          第4列

          1

          2

          1

          1

          <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個單元格,整體的顯示效果和代碼如下:

          派別

          姓名

          年齡

          性別

          武器

          1

          2

          3

          4

          5

          2

          3

          4

          5

          2

          3

          4

          5

          <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列的兩個單元格,也是縱向的,合并的單元格,會自動占據它所合并的方向的位置,相應的位置,計算的時候會在下一行或者相鄰的列里面也計算在內,它下面的一個元素,自動跟在這個“隱藏元素”的后面。比如青云山,男這兩個元素的位置,就體現了這個原則。整體的顯示效果和代碼如下:

          派別

          姓名

          年齡

          性別

          武器

          青云山

          2

          3

          5

          2

          3

          5

          2

          3

          4

          5

          1

          2

          3

          4

          5

          <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的設置。整體的顯示效果和代碼如下:

          派別

          姓名

          年齡

          性別

          武器

          青云山

          2

          3

          5

          2

          3

          5

          2

          3

          4

          5

          1

          2

          3

          4

          5

          <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.實現其他的表格合并的效果,整體的顯示效果和代碼如下:

          派別

          姓名

          年齡

          性別

          武器

          青云山

          2

          3

          5

          2

          3

          5

          2

          3

          4

          5

          1

          2

          3

          5

          鬼王宗

          2

          3

          5

          2

          3

          4

          5

          <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.填充數據

          派別

          姓名

          年齡

          性別

          武器

          青云山

          張小凡

          16

          燒火棍

          曾書書

          17

          軒轅

          陸雪琪

          18

          天琊

          天音寺

          普智

          500

          嗜血珠

          鬼王宗

          鬼王

          1000

          朱雀印

          碧瑤

          15

          傷心花

          <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就可以了。

          派別

          姓名

          年齡

          性別

          武器

          青云山

          張小凡

          16

          燒火棍

          曾書書

          17

          軒轅

          陸雪琪

          18

          天琊

          天音寺

          普智

          500

          嗜血珠

          鬼王宗

          鬼王

          1000

          朱雀印

          碧瑤

          15

          傷心花

          <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網站可以幫我們實現表格的合并,我們只需要復制其中的代碼,然后即可。

          生成table

          、建立站點后,在文件夾上右鍵新建一個文件,改名為音樂制作網頁,然后雙擊進入網頁,首先,插入表格,17行,2列,表格寬度和表格粗細都為0,確定。選中表格,下邊的對齊方式為,居中對齊

          2、選中第一個格,按住Ctrl鍵再選中第二個格,右鍵,表格,合并單元格,點擊插入,圖像,選擇建的站點下的素材,確定

          3、用剛才的方法合并第二行單元格,填寫導航欄文字,選擇拆分,找到對應代碼位置,填寫空格代碼 在文字前后都添加空格,使導航欄文字間隙均勻,下邊背景顏色改為紫色

          4、編寫下一行文字,背景顏色為綠色,金曲列表文字,下邊,HTML,格式為標題5,歌曲下載文字,下邊,HTML,格式為標題3,找到代碼中金曲列表文字對應位置,添加空格代碼

          5、在歌曲下載文字后面插入,圖像,選擇下載圖標圖片,點擊圖片,選擇連接指向你的歌曲MP3文件

          6、在每個格中加入歌名,每個都要插入,布局對象,Div標簽,然后添加歌曲名稱

          7、右半部分,前兩行合并,插入布局對象,添加文字那女孩對我說,HTML格式改為標題2,然后將下邊剩余所有行合并,插入布局,添加歌詞

          8、選擇歌詞,將HTML的格式改為標題5

          9、點擊代碼,找到歌詞位置,復制空格,在每一行歌詞前面招貼空格,刷新一下,使歌詞居中一些

          10、按F12預覽

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


          主站蜘蛛池模板: 亚洲一区免费视频| 婷婷亚洲综合一区二区| 亚洲福利电影一区二区?| 国产精品视频一区二区三区四| 91福利国产在线观看一区二区 | 精品国产福利一区二区| 中文字幕精品一区二区2021年| 久久中文字幕无码一区二区| 国产乱码精品一区二区三区四川人| 国产一区韩国女主播| 99久久精品费精品国产一区二区 | 久久精品免费一区二区| 国产精品电影一区二区三区| 夜夜嗨AV一区二区三区| 亚洲av无码一区二区三区在线播放| 国产午夜一区二区在线观看| 美女一区二区三区| 国产人妖视频一区在线观看| 无码精品人妻一区二区三区免费看| 欧美日韩国产免费一区二区三区| 国产91精品一区二区麻豆亚洲| 亚洲综合无码一区二区| 精品人妻一区二区三区四区在线| 亚洲av午夜福利精品一区| 国产日韩精品一区二区在线观看 | 精品一区中文字幕| 亚欧色一区W666天堂| 国产亚洲福利一区二区免费看| 亚欧成人中文字幕一区| 国产免费私拍一区二区三区| 亚洲视频在线一区二区三区| 国产伦精品一区二区三区精品| 人妻体内射精一区二区三区| 国产成人一区二区动漫精品| 日韩精品一区二区三区中文3d| 日韩在线一区视频| 国产精品无圣光一区二区| 亚洲AV无码一区二区大桥未久| 丰满人妻一区二区三区免费视频| 精品久久久久久无码中文字幕一区| 成人日韩熟女高清视频一区|