在學習前端開發的過程中,創建一個簡單的HTML頁面是邁出的第一步。在這篇文章中,我們將指導你如何創建一個基本的HTML頁面,并將其保存為.html文件。
HTML(HyperText Markup Language)是一種用于創建網頁的標記語言。它通過定義一系列的元素(elements),告訴瀏覽器如何展示網頁的內容。每個HTML元素都由開始標簽、內容和結束標簽組成。例如,一個簡單的段落可以使用<p>標簽來定義:
<p>這是一個段落。</p>
創建一個HTML頁面非常簡單。你需要做的是編寫HTML代碼,并將其保存為.html文件。以下是一個簡單的HTML頁面的例子:
<!DOCTYPE html>
<html>
<head>
<title>我的第一個HTML頁面</title>
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是一個簡單的HTML頁面。</p>
</body>
</html>
將上述代碼復制到一個文本編輯器(如Notepad、Visual Studio Code等)中,然后將其保存為.html文件。例如,你可以將文件命名為my-first-html-page.html。
保存文件后,你可以使用任何現代瀏覽器(如Chrome、Firefox、Safari等)來打開這個.html文件。瀏覽器將自動解析HTML代碼,并將其渲染為網頁。
通過這篇文章,你學會了如何創建一個基本的HTML頁面,并將其保存為.html文件。這只是前端開發旅程的起點。在接下來的文章中,我們將探索CSS和JavaScript,這些技術將使你的網頁更加生動和互動。如果你對HTML有任何疑問,或者在前端學習的道路上遇到任何難題,歡迎在評論區留言,我們一起討論和進步。
近臨近開學了,大家都在忙著準備各種學習的資料,準備在新的學期好好學習,充實自己。小編身邊的同學也是如此,最近,小編的同學小麗就遇到了一個很棘手的問題。
她想將一個網頁的Python學習的教程打印下來,方便自己來學習,但是上千頁的教程,如果通過手動的方式,一個一個的去轉成pdf并保存到本地,實在是麻煩的不。
這就是一個html轉pdf的問題,其實網上有很多不錯的html資源,但是苦于學習起來,不方便!于是小編就跟小麗保證,這點小事包在我身上。今天,小編就跟分享一下如何用Python把html資料變成pdf。
如今網上的在線學習資料可謂是多如牛毛,為了方便講解,小編就利用python3.9.2的中文文檔作為演示的例子,來將其抓取并保存到本地,其網頁鏈接如下:
https://docs.python.org/zh-cn/3.9/tutorial/index.html
打開上述鏈接后,大家會在網頁中找到不同內容的鏈接地址,包括了基礎的python字符、python語法等內容。
在上圖中,我們需要格外關注的是紅色方格標注的鏈接,每個鏈接都會跳轉到對應的子網頁中,而在子網頁中,就是我們想要保存的內容。
可以看到,上圖中,在python速覽子頁面中,包含了我們需要提取的文字內容。所以將html內容保存為pdf的第一步便是獲取到子頁面的鏈接。由于教程大都是固定內容,因此對于教程的網頁,大都采用的是靜態頁面,在網頁源代碼中可以很輕松地找到子頁面的網頁鏈接。
對于子網頁的鏈接抓取,程序如下圖所示:
程序中,通過BeautifulSoup庫來解析網頁源代碼,然后提取所有的子頁面鏈接地址并返回,如果抓取失敗,則直接返回None。
03.html轉pdf
在得到子網頁的鏈接后,接下來就是將html的子網頁保存為pdf文件。小編使用的pdfkit庫,pdfkit庫可以將網頁保存為pdf文檔。首先小編來介紹一下pdfkit庫的安裝。
按照上述的操作流程,就可以安裝pdfkit庫。對于pdfkit庫的使用,常見的用法有以下三種:
上面的程序主要完成以下幾步:
首先需要指定wkhtmltopdf.exe文件的路徑;
因此,pdfkit庫只能將子網頁保存為單獨的pdf文檔,無法直接通過pdfkit庫將所有的子網頁拼接成一個完整的pdf文檔,小編通過PyPDF2庫中的PdfFileMerger類來實現pdf文檔的拼接。程序如下圖所示。
程序中首先將所有的html網頁保存為單獨的pdf文檔,然后通過PdfFileMerger類對象來實現pdf文檔的拼接。最后就可以得到全部的pdf內容。最后我們通過視頻的展示,來看一下程序的效果吧。
除此之外,程序不光可以抓取python3.9的中文文檔,針對其他的在線文檔,只需要對獲取網頁鏈接的程序進行修改即可抓取,例如對于Flask中文文檔的抓取,程序只需要按照下圖進行修改,即可將Flask的在線文檔保存為PDF文檔。
學習Python其實非常有趣,也很有用。因為Python有大量的現成的庫,可以幫助我們把工作中的很多瑣碎的煩事輕松解決。小編將上述的程序稍加修改,很快就幫阿麗搞定了教程,保存為pdf發送給了她,小編與女神的關系更拉近了一步
*請認真填寫需求信息,我們會在24小時內與您取得聯系。