HTML 下载网页和相关资源，包括 CSS 和图片

在本文中，我们将介绍如何使用HTML下载网页及其相关资源，包括CSS和图片。我们将探讨如何从网址中提取HTML，如何下载CSS文件和图片，并提供一些示例帮助您更好地理解。

阅读更多：HTML 教程

提取HTML

在开始下载网页和相关资源之前，我们首先需要从网址中提取HTML文件。我们可以使用Python中的requests库来获取网页的内容，并将其保存为HTML文件。下面是一个示例代码：

import requests

url = "https://www.example.com"
response = requests.get(url)
html = response.text

with open("example.html", "w", encoding="utf-8") as file:
    file.write(html)

在上面的代码中，我们通过发送GET请求到指定的URL获取网页内容，并将其保存为名为example.html的文件。

下载CSS文件

在网页中，CSS文件通常用于定义网页的样式和布局。为了下载CSS文件，我们可以使用与上面类似的方法。下面是一个示例代码：

import requests

css_url = "https://www.example.com/style.css"
response = requests.get(css_url)
css_content = response.text

with open("style.css", "w", encoding="utf-8") as file:
    file.write(css_content)

在上面的代码中，我们使用requests库发送GET请求获取CSS文件的内容，并将其保存为名为style.css的文件。

下载图片

网页中的图片通常以URL的形式提供。我们可以通过解析HTML文件，找到图片的URL，并使用requests库下载这些图片。下面是一个示例代码：

import requests
from bs4 import BeautifulSoup
import os

html_file = "example.html"
image_folder = "images"

if not os.path.exists(image_folder):
    os.makedirs(image_folder)

with open(html_file, "r", encoding="utf-8") as file:
    soup = BeautifulSoup(file, "html.parser")
    img_tags = soup.find_all("img")

    for img_tag in img_tags:
        image_url = img_tag["src"]

        if image_url.startswith("http"):
            image_name = image_url.split("/")[-1]
            response = requests.get(image_url)
            image_content = response.content

            with open(os.path.join(image_folder, image_name), "wb") as image_file:
                image_file.write(image_content)