Python trong ví dụ HTML

Bài học này sử dụng Python để tạo và xem tệp HTML. Nếu bạn viết chương trình xuất ra HTML, bạn có thể sử dụng bất kỳ trình duyệt nào để xem kết quả của mình. Điều này đặc biệt thuận tiện nếu chương trình của bạn tự động tạo siêu liên kết hoặc thực thể đồ họa như biểu đồ và sơ đồ

Tại đây, bạn sẽ tìm hiểu cách tạo tệp HTML bằng tập lệnh Python và cách sử dụng Python để tự động mở tệp HTML trong Firefox

Tệp cần thiết cho bài học này

Nếu bạn không có các tệp này từ bài học trước, bạn có thể tải xuống tệp lập trình-historian-5, một tệp zip từ bài học trước

Tạo HTML bằng Python

Tại thời điểm này, chúng tôi đã bắt đầu tìm hiểu cách sử dụng Python để tải xuống các nguồn trực tuyến và trích xuất thông tin từ chúng một cách tự động. Hãy nhớ rằng mục tiêu cuối cùng của chúng tôi là kết hợp liền mạch chương trình vào thực tiễn nghiên cứu của chúng tôi. Để phù hợp với mục tiêu này, trong bài học này và bài học tiếp theo, chúng ta sẽ học cách xuất dữ liệu trở lại dưới dạng HTML. Điều này có một vài lợi thế. Đầu tiên, bằng cách lưu trữ thông tin trên ổ cứng của chúng tôi dưới dạng tệp HTML, chúng tôi có thể mở tệp đó bằng Firefox và sử dụng Zotero để lập chỉ mục và chú thích sau này. Thứ hai, có rất nhiều tùy chọn trực quan hóa cho HTML mà chúng ta có thể vẽ sau

Nếu bạn chưa thực hiện hướng dẫn về W3 Schools HTML, hãy dành vài phút để thực hiện trước khi tiếp tục. Chúng ta sẽ tạo một tài liệu HTML bằng Python, vì vậy bạn sẽ phải biết tài liệu HTML là gì

“Xin chào thế giới” trong HTML bằng Python

Một trong những ý tưởng mạnh mẽ hơn trong khoa học máy tính là một tệp dường như chứa mã từ một góc độ có thể được xem là dữ liệu từ một góc độ khác. Nói cách khác, có thể viết các chương trình điều khiển các chương trình khác. Những gì chúng ta sẽ làm tiếp theo là tạo một tệp HTML có nội dung “Xin chào thế giới. ” sử dụng Python. Chúng tôi sẽ làm điều này bằng cách lưu trữ các thẻ HTML trong một chuỗi Python nhiều dòng và lưu nội dung vào một tệp mới. Tệp này sẽ được lưu với phần mở rộng .html thay vì phần mở rộng .txt

Thông thường, một tệp HTML bắt đầu bằng một khai báo doctype. Bạn đã thấy điều này khi bạn viết một chương trình HTML “Xin chào thế giới” trong một bài học trước đó. Để đọc mã của chúng tôi dễ dàng hơn, chúng tôi sẽ bỏ qua loại tài liệu trong ví dụ này. Nhớ lại một chuỗi nhiều dòng được tạo bằng cách đặt văn bản trong ba dấu ngoặc kép (xem bên dưới)

# write-html.py

f = open('helloworld.html','w')

message = """

Hello World!

""" f.write(message) f.close()

Lưu chương trình trên với tên write-html.py và thực hiện nó. Sử dụng Tệp -> Mở trong trình soạn thảo văn bản bạn đã chọn để mở helloworld.html để xác minh rằng chương trình của bạn thực sự đã tạo tệp. Nội dung sẽ trông như thế này

Python trong ví dụ HTML

Nguồn HTML được tạo bởi chương trình Python

Bây giờ, hãy truy cập trình duyệt Firefox của bạn và chọn Tệp -> Tab mới, chuyển đến tab và chọn Tệp -> Mở tệp. Chọn helloworld.html. Bây giờ bạn có thể xem tin nhắn của mình trong trình duyệt. Hãy dành một chút thời gian để suy nghĩ về điều này. bây giờ bạn có khả năng viết một chương trình có thể tự động tạo một trang web. Chẳng có lý do gì mà bạn không thể viết một chương trình tự động tạo cả một trang web nếu bạn muốn.

Sử dụng Python để kiểm soát Firefox

Chúng tôi đã tự động tạo một tệp HTML, nhưng sau đó chúng tôi phải thoát khỏi trình chỉnh sửa của mình và truy cập Firefox để mở tệp trong một tab mới. Sẽ thật tuyệt nếu chương trình Python của chúng ta bao gồm bước cuối cùng đó phải không? . Khi bạn thực thi nó, nó sẽ tạo tệp HTML của bạn và sau đó tự động mở nó trong một tab mới trong Firefox. Ngọt

Hướng dẫn Mac

Người dùng Mac sẽ phải chỉ định vị trí chính xác của tệp .html trên máy tính của họ. Để thực hiện việc này, hãy tìm thư mục

# write-html-2-mac.py
import webbrowser

f = open('helloworld.html','w')

message = """

Hello World!

""" f.write(message) f.close() #Change path to reflect file location filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html' webbrowser.open_new_tab(filename)
0 mà bạn đã tạo để thực hiện các hướng dẫn này, nhấp chuột phải vào thư mục đó và chọn “Nhận thông tin”

Sau đó, bạn có thể cắt và dán vị trí tệp được liệt kê sau “Ở đâu. ” và đảm bảo rằng bạn bao gồm dấu gạch chéo (/) ở cuối để cho máy tính biết bạn muốn thứ gì đó bên trong thư mục (chứ không phải chính thư mục đó)

# write-html-2-mac.py
import webbrowser

f = open('helloworld.html','w')

message = """

Hello World!

""" f.write(message) f.close() #Change path to reflect file location filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html' webbrowser.open_new_tab(filename)

Nếu bạn gặp lỗi "Không tìm thấy tệp", bạn chưa thay đổi đúng đường dẫn tên tệp

hướng dẫn cửa sổ

# write-html-2-windows.py

import webbrowser

f = open('helloworld.html','w')

message = """

Hello World!

""" f.write(message) f.close() webbrowser.open_new_tab('helloworld.html')

***

Bạn không chỉ viết một chương trình Python có thể viết HTML đơn giản mà giờ đây bạn còn kiểm soát trình duyệt Firefox của mình bằng Python. Trong bài học tiếp theo, chúng ta sẽ chuyển sang xuất dữ liệu mà chúng ta đã thu thập được dưới dạng tệp HTML

Bài đọc được đề xuất

  • Lutz, Học Python
    • Đọc lại và xem lại Chs. 1-17

Đồng bộ hóa mã

Để theo dõi các bài học trong tương lai, điều quan trọng là bạn phải có các tệp và chương trình phù hợp trong thư mục “lập trình-lịch sử” của mình. Vào cuối mỗi bài học trong sê-ri, bạn có thể tải xuống tệp zip “lập trình-lịch sử” để đảm bảo bạn có mã chính xác. Nếu bạn đang theo dõi phiên bản Mac / Linux, bạn có thể phải mở tệp

# write-html-2-mac.py
import webbrowser

f = open('helloworld.html','w')

message = """

Hello World!

""" f.write(message) f.close() #Change path to reflect file location filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html' webbrowser.open_new_tab(filename)
1 và thay đổi “tệp. ///Users/username/Desktop/programming-historian/” đến đường dẫn đến thư mục trên máy tính của bạn

Bạn có thể sử dụng Python trong HTML không?

Với PyScript, bạn có thể nhúng mã Python vào HTML hoặc liên kết tới tệp Python và mã sẽ thực thi trong trình duyệt — mà không cần chạy Python trong phần phụ trợ. PyScript được tạo bởi Anaconda và được công bố rộng rãi vào ngày 30 tháng 4 tại PyCon US 2022.

Làm cách nào để chèn Python vào HTML?

Sử dụng thẻ . Sau đó, bạn có thể chuyển trực tiếp tệp Python. Nó sẽ tạo một widget.