整合營銷服務商

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

          免費咨詢熱線:

          從零到英雄:探索HTML世界的神奇之旅 - 初學者友

          從零到英雄:探索HTML世界的神奇之旅 - 初學者友好指南

          建你的第一個HTML頁面

          在學習前端開發的過程中,創建一個簡單的HTML頁面是邁出的第一步。在這篇文章中,我們將指導你如何創建一個基本的HTML頁面,并將其保存為.html文件。

          什么是HTML?

          HTML(HyperText Markup Language)是一種用于創建網頁的標記語言。它通過定義一系列的元素(elements),告訴瀏覽器如何展示網頁的內容。每個HTML元素都由開始標簽、內容和結束標簽組成。例如,一個簡單的段落可以使用<p>標簽來定義:

          
          <p>這是一個段落。</p>
          
          

          如何創建一個HTML頁面?

          創建一個HTML頁面非常簡單。你需要做的是編寫HTML代碼,并將其保存為.html文件。以下是一個簡單的HTML頁面的例子:

          
          <!DOCTYPE html>
          
          <html>
          
          <head>
          
          <title>我的第一個HTML頁面</title>
          
          
          </head>
          
          
          <body>
          
          <h1>歡迎來到我的網站</h1>
          
          
          <p>這是一個簡單的HTML頁面。</p>
          
          
          </body>
          
          
          </html>
          
          

          文件結構

          • <!DOCTYPE html>:聲明文檔類型,告訴瀏覽器這是一個HTML5文檔。
          • <html>:根元素,所有的HTML元素都位于此標簽內。
          • <head>:頭部元素,包含了文檔的元數據,如標題、樣式、腳本等。
          • <title>:定義文檔的標題,顯示在瀏覽器的標題欄或頁面的標簽上。
          • <body>:主體元素,包含了可見的頁面內容,如文本、圖片、視頻等。

          如何保存為.html文件?

          將上述代碼復制到一個文本編輯器(如Notepad、Visual Studio Code等)中,然后將其保存為.html文件。例如,你可以將文件命名為my-first-html-page.html。

          打開HTML文件

          保存文件后,你可以使用任何現代瀏覽器(如Chrome、Firefox、Safari等)來打開這個.html文件。瀏覽器將自動解析HTML代碼,并將其渲染為網頁。

          結語

          通過這篇文章,你學會了如何創建一個基本的HTML頁面,并將其保存為.html文件。這只是前端開發旅程的起點。在接下來的文章中,我們將探索CSS和JavaScript,這些技術將使你的網頁更加生動和互動。如果你對HTML有任何疑問,或者在前端學習的道路上遇到任何難題,歡迎在評論區留言,我們一起討論和進步。

          近臨近開學了,大家都在忙著準備各種學習的資料,準備在新的學期好好學習,充實自己。小編身邊的同學也是如此,最近,小編的同學小麗就遇到了一個很棘手的問題。

          她想將一個網頁的Python學習的教程打印下來,方便自己來學習,但是上千頁的教程,如果通過手動的方式,一個一個的去轉成pdf并保存到本地,實在是麻煩的不。

          這就是一個html轉pdf的問題,其實網上有很多不錯的html資源,但是苦于學習起來,不方便!于是小編就跟小麗保證,這點小事包在我身上。今天,小編就跟分享一下如何用Python把html資料變成pdf。

          01.抓取的學習資料

          如今網上的在線學習資料可謂是多如牛毛,為了方便講解,小編就利用python3.9.2的中文文檔作為演示的例子,來將其抓取并保存到本地,其網頁鏈接如下:

          https://docs.python.org/zh-cn/3.9/tutorial/index.html

          打開上述鏈接后,大家會在網頁中找到不同內容的鏈接地址,包括了基礎的python字符、python語法等內容。

          02.獲取網頁鏈接

          在上圖中,我們需要格外關注的是紅色方格標注的鏈接,每個鏈接都會跳轉到對應的子網頁中,而在子網頁中,就是我們想要保存的內容。

          可以看到,上圖中,在python速覽子頁面中,包含了我們需要提取的文字內容。所以將html內容保存為pdf的第一步便是獲取到子頁面的鏈接。由于教程大都是固定內容,因此對于教程的網頁,大都采用的是靜態頁面,在網頁源代碼中可以很輕松地找到子頁面的網頁鏈接。

          對于子網頁的鏈接抓取,程序如下圖所示:

          程序中,通過BeautifulSoup庫來解析網頁源代碼,然后提取所有的子頁面鏈接地址并返回,如果抓取失敗,則直接返回None


          03.html轉pdf

          在得到子網頁的鏈接后,接下來就是將html的子網頁保存為pdf文件。小編使用的pdfkit庫,pdfkit庫可以將網頁保存為pdf文檔。首先小編來介紹一下pdfkit庫的安裝。

          • 下載https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6-1/wkhtmltox-0.12.6-1.mxe-cross-win64.7z 并解壓到本地文件中。(后臺輸入:pdf) 直接獲取。
          • 將解壓文件中的bin文件路徑添加到系統變量Path中。
          • 執行pip install pdfkit
          • 執行pip install wkhtmltopdf

          按照上述的操作流程,就可以安裝pdfkit庫。對于pdfkit庫的使用,常見的用法有以下三種:

          上面的程序主要完成以下幾步:

          首先需要指定wkhtmltopdf.exe文件的路徑;

          • 然后分別通過from_url、from_file和from_string的三種方式來保存為pdf文件;
          • 需要注意的是,from_file和from_url中的第一個參數必須是一個html的字符串或者是html文檔的列表;
          • 但是小編通過程序運行發現,from_url第一個參數只能是html的字符串,不能是html的列表


          因此,pdfkit庫只能將子網頁保存為單獨的pdf文檔,無法直接通過pdfkit庫將所有的子網頁拼接成一個完整的pdf文檔,小編通過PyPDF2庫中的PdfFileMerger類來實現pdf文檔的拼接。程序如下圖所示。

          程序中首先將所有的html網頁保存為單獨的pdf文檔,然后通過PdfFileMerger類對象來實現pdf文檔的拼接。最后就可以得到全部的pdf內容。最后我們通過視頻的展示,來看一下程序的效果吧。


          除此之外,程序不光可以抓取python3.9的中文文檔,針對其他的在線文檔,只需要對獲取網頁鏈接的程序進行修改即可抓取,例如對于Flask中文文檔的抓取,程序只需要按照下圖進行修改,即可將Flask的在線文檔保存為PDF文檔。

          04.總結

          學習Python其實非常有趣,也很有用。因為Python有大量的現成的庫,可以幫助我們把工作中的很多瑣碎的煩事輕松解決。小編將上述的程序稍加修改,很快就幫阿麗搞定了教程,保存為pdf發送給了她,小編與女神的關系更拉近了一步


          主站蜘蛛池模板: 精品理论片一区二区三区| 国产精品高清一区二区三区不卡| 日本韩国黄色一区二区三区| 国产成人精品一区二三区| 三级韩国一区久久二区综合 | 日本一区二区不卡视频| 伊人色综合一区二区三区| 伊人无码精品久久一区二区| 国产高清在线精品一区小说| 欧美日韩精品一区二区在线观看| 无码国产精品一区二区免费16| 国产主播一区二区三区在线观看| 日本视频一区在线观看免费| 夜夜添无码试看一区二区三区| 国产日韩综合一区二区性色AV| 韩国福利影视一区二区三区| 亚洲中文字幕无码一区二区三区| 精品视频一区在线观看| 免费一本色道久久一区| 3d动漫精品啪啪一区二区免费| 久久99久久无码毛片一区二区| 在线日韩麻豆一区| 免费精品一区二区三区在线观看| 亚洲中文字幕在线无码一区二区| 寂寞一区在线观看| 成人免费区一区二区三区| 国产精品一区12p| 一区二区三区在线播放视频| 国产一区二区三区不卡在线看 | 国产一区二区三区在线视頻| 国产一区二区精品久久岳√| 成人精品视频一区二区三区尤物| 韩国美女vip福利一区| 2022年亚洲午夜一区二区福利| 美女一区二区三区| 午夜福利一区二区三区高清视频 | 精品女同一区二区三区在线 | 精品视频一区在线观看| 国产成人一区二区动漫精品| 日韩AV片无码一区二区不卡| 在线视频一区二区日韩国产|