Bằng cách tận dụng cả hai Mô-đun. digiweb và phiên bản PythonInsideHTML được sửa đổi một chút. zip từ máy chủ web Karrigell Python của dự án được cấp phép BSD để biến nó thành một thư viện độc lập. Có thể chạy nhúng Python trong tài liệu HTML có thể được thực thi trong thời gian chạy
Bên trong HTML
cú pháp
By enclosing Python statements within a tag the Python interpreter will execute said statements. In the following example a "stored_time" variable will be created and will save the time on the local scope.
If enclosed with it will evaluate the statement and replace the tag with the result of the executed statement. In the following example the HTML created will contain the day:month:year from the devices internal clock.
thụt đầu dòng
Khai báo thụt đầu dòng
Một tệp được chuyển đổi thành mã Python, mã này phải được thụt lề theo quy tắc Python;
Vì vậy, hãy cẩn thận nếu bạn kết hợp Python và HTML
1 2 * :
Điều này sẽ hoạt động vì sau một vòng lặp hoặc một điều kiện, HTML sau sẽ được PIH tự động thụt vào
To decrement indentation, use :
1 2 * : 3 4done
trong ví dụ này, "xong" sẽ được viết sau khi vòng lặp for kết thúc
Một ví dụ khác cho một nếu. khác.
1 2 output someting 3 4 5 output someting else 6 7done
[Don't forget the last otherwise "done" would have the same indentation as line 5] But this :
1 3 4done
Sẽ không hoạt động, bởi vì sau câu lệnh in trên dòng 2, thụt đầu dòng trở về 0 [nó bắt đầu bằng HTML thuần túy]
Tag
Nếu bạn có mã phức tạp trong đó Python và HTML được trộn lẫn, hãy nhúng mã đó vào giữa các thẻ và
1 2 4 5 6Table
7 8 9 10 11 A cell
có nghĩa. từ giờ trở đi và cho đến khi thẻ phù hợp, hãy sử dụng thụt lề trong nguồn PIH và để nguyên như vậy để tạo mã Python Trong ví dụ trên, thụt lề được sử dụng cho đến dòng 5 và bỏ qua sau đó. Nếu bản thân thẻ được thụt vào, đoạn mã sau sẽ được thụt vào
1 2 3 4 5 6 7 8 9 10 11 12 13 NumberSquare
Trong dòng 7, >>
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
6Mô-đun
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
46 của 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
45 xác định bốn từ điển. Một trong số đó là 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
48, ánh xạ các tham chiếu ký tự có tên HTML sang các ký tự tương ứng Unicode của chúngVới
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
49, bạn có thể tìm thấy tên thực thể HTML của một ký tự>>>
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
7Điểm mã của đồng euro [
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
38] là 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
51. Đối với 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
51, từ điển 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
53 trả về 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
54. Để sử dụng tên trong mã HTML của bạn, bạn phải đặt dấu và [ 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
55] trước tên và dấu chấm phẩy [ 1
2
3
4
5
6
7 Am I HTML already?
8
9
44] sau tên để nhận thực thể HTML 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
37 hợp lệThay vì tự ghi nhớ và viết các thực thể HTML, bạn có thể để Python giúp bạn. Mô-đun
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
45 của Python cũng đi kèm với trình phân tích cú pháp rất hữu ích khi bạn muốn phân tích các tài liệu HTMLPhân tích cú pháp HTML bằng Python
Khi bạn cần đọc dữ liệu từ các tệp HTML, thì Python cũng có thể hỗ trợ bạn với mô-đun
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
45 tích hợp sẵn. Trong phần này, bạn sẽ xây dựng một trình phân tích cú pháp HTML cơ bản bằng cách sử dụng 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
60. Tập lệnh bạn sẽ viết sẽ đề cập đến tệp 1
2
3
4
5
6
7 Am I HTML already?
8
9
06 mà bạn đã tạo trước đó trong hướng dẫn này. Bạn có thể xem hướng dẫn hoặc tải xuống tất cả các tệp bằng cách nhấp vào liên kết bên dướiTiền thưởng miễn phí. Nhấp vào đây để tải xuống các tài liệu bổ sung cho hướng dẫn này, bao gồm tệp mẫu HTML tiết kiệm thời gian
Bên cạnh
1
2
3
4
5
6
7 Am I HTML already?
8
9
06, tạo một tệp Python mới có tên là 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
63 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
8Khi bạn cung cấp một phiên bản
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
64 của Python bằng dữ liệu HTML, phiên bản đó sẽ gọi các phương thức xử lý của nó nếu tìm thấy các phần tử đánh dấu. Trong ví dụ trên, bạn tạo một lớp con của 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
64 để tìm bất kỳ phần tử 1
2
3
4
5
6
7 Am I HTML already?
8
9
19 nào có thuộc tính 1
2
3
4
5
6
7 Am I HTML already?
8
9
20 trong mã của 1
2
3
4
5
6
7 Am I HTML already?
8
9
06Đối với tệp
1
2
3
4
5
6
7 Am I HTML already?
8
9
06, đầu ra trông như thế này 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
9Đối với tệp cục bộ của bạn mà bạn có thể tra cứu trong trình chỉnh sửa của mình, đây có thể không phải là vấn đề lớn. Nhưng hãy tưởng tượng các khả năng nếu bạn điều chỉnh tập lệnh ở trên để đọc mã từ bất kỳ URL cụ thể nào
Nếu mô-đun
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
45 của Python đã thu hút sự quan tâm của bạn, thì đọc phần giới thiệu thực tế về quét web bằng Python là bước tiếp theo tốt. Để có cách tiếp cận thực tế hơn, bạn cũng có thể xây dựng công cụ quét web bằng Beautiful SoupTrước khi bạn phân tích cú pháp, hãy xem một số bước tiếp theo khác trong phần cuối cùng của hướng dẫn này
Loại bỏ các quảng cáoTiếp tục với HTML và CSS trong Python
Bạn có thể hoàn thành khá nhiều việc với HTML và CSS cơ bản. Làm việc với HTML và CSS thậm chí có thể trở nên thú vị hơn khi bạn kết hợp một ngôn ngữ lập trình như Python
Trong phần này, bạn sẽ có cái nhìn tổng quan về các công nghệ mà bạn có thể khám phá để tận dụng kiến thức về HTML và CSS của mình
JavaScript
Như bạn đã học trong hướng dẫn này, HTML cung cấp cấu trúc của một trang web. Với CSS, bạn thêm định dạng và bố cục. Đó là cơ sở tuyệt vời để tạo trang web
Tuy nhiên, sẽ không có phần giới thiệu nào về HTML và CSS mà không đề cập đến JavaScript. JavaScript là một thứ rất quan trọng đối với các trang web hiện đại
Với JavaScript, bạn có thể thêm chức năng vào các dự án web của mình. Ví dụ: bạn có thể tự động cập nhật HTML và CSS khi người dùng tương tác với trang web của bạn
Học JavaScript là một lựa chọn tốt cho bất kỳ lập trình viên nào muốn tham gia phát triển web. Để tìm hiểu sâu hơn về JavaScript, hãy đến khu vực học tập của Mozilla dành cho JavaScript
Nếu bạn muốn khám phá JavaScript từ góc nhìn của một lập trình viên Python, hãy xem Python vs JavaScript dành cho Pythonistas
Jinja
Trong hướng dẫn này, bạn đã lưu mã đánh dấu HTML trong chuỗi Python để tạo mã HTML động. Khi dự án web của bạn phát triển, thì sự kết hợp giữa HTML và Python có thể trở nên phức tạp
Để tách các mối quan tâm, bạn nên làm việc với các mẫu. Với các mẫu, bạn có thể tạo các khối xây dựng cho các trang web lớn hơn mà không cần sao chép mã giao diện người dùng của mình. Bằng cách đó, bạn có thể giữ phần đánh dấu HTML của mình trong các tệp mẫu và điền chúng bằng Python. Công cụ tạo mẫu cho Python là Jinja
Với Python và Jinja, bạn có thể tự động tạo mã HTML. Nhưng bạn không phải dừng lại ở đó. Bất cứ lúc nào bạn muốn tạo các tệp văn bản có nội dung có lập trình, Jinja đều có thể giúp bạn
Nếu bạn muốn tìm hiểu cách xây dựng các mẫu phong phú với Jinja, hãy xem bài viết cơ bản của Real Python về tạo mẫu Jinja
Bình giữ nhiệt
Với kiến thức cơ bản về HTML và CSS, bạn được trang bị tốt để xây dựng các ứng dụng web thực sự đầu tiên của mình. HTML và CSS chăm sóc giao diện người dùng mà người dùng đang tương tác. Để tải nội dung từ máy chủ, bạn cần một số loại phụ trợ. Đó là nơi các khung web phát huy tác dụng
Flask là một khung web Python phổ biến, rất phù hợp để xây dựng các ứng dụng web từ đầu. Sau khi bạn cài đặt gói
1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
71 với 1
2
3
4
5
6
7 Am I HTML already?
8
9
10Yes,I am!
11
12
72, thì bạn bắt đầu một dự án Flask bằng cách tạo một tệp Python chỉ với một vài dòng mã. Nói cách khác, bạn bắt đầu với quy mô nhỏ và nâng cao dự án của mình từng bước theo tốc độ của riêng bạnBạn có thể theo lộ trình học tập Flask by Example để khám phá những kiến thức cơ bản về phát triển web Python với vi khung Flask
Django
Django là một khung web Python phổ biến khác. So với Flask, Django cung cấp cho bạn cấu trúc dự án khi bạn bắt đầu một dự án Django mới. Không cần tự thêm nhiều mã, bạn có thể làm việc với quản trị viên phía sau và cơ sở dữ liệu ngay lập tức. Sức mạnh của Django có thể giúp bạn khởi đầu thuận lợi cho các dự án web lớn hơn, nhưng việc điều hướng tất cả các tệp có thể khiến người mới bắt đầu choáng ngợp
May mắn thay, bạn có thể tìm thấy rất nhiều hướng dẫn về Django trên Real Python để hướng dẫn bạn. Bạn có thể bắt đầu với Django bằng cách xây dựng một ứng dụng danh mục đầu tư hoặc bằng cách xây dựng một ứng dụng web nhật ký cá nhân. Nếu bạn muốn xây dựng một dự án lớn hơn, thì loạt mạng xã hội Django hoàn toàn phù hợp với bạn
Loại bỏ các quảng cáoPyScript
PyScript là một framework mới cho phép bạn chạy Python trong trình duyệt web. Nhưng đừng nhầm lẫn nó với các web framework như Flask hoặc Django
PyScript chỉ là HTML, chỉ mạnh hơn một chút [không sao, có thể rất nhiều], nhờ vào hệ sinh thái phong phú và dễ tiếp cận của các thư viện Python. [Nguồn]
Nếu bạn bị hấp dẫn, thì hãy xem qua PyScript. Python trong Trình duyệt web đã đọc
Phần kết luận
Cho dù bạn chọn con đường nào để trở thành nhà phát triển web Python, không có cách nào xung quanh HTML và CSS. Cả hai công nghệ đều là những khối xây dựng cơ bản khi bạn muốn tạo trang web
Xuyên suốt hướng dẫn này, bạn đã xây dựng một tài liệu HTML soạn sẵn để giúp bạn bắt đầu thuận lợi trong các dự án web sắp tới của mình
Trên đường đi, bạn đã học được cách
- Cấu trúc một tệp HTML cơ bản
- Hiển thị hình ảnh và liên kết đến các trang
- Tạo kiểu trang web bằng CSS
- Định dạng HTML có tính đến khả năng truy cập
- Sử dụng Python để viết và phân tích mã HTML
Python, HTML và CSS là bộ ba mạnh mẽ cho phép bạn tạo các tài liệu HTML nhỏ và các dự án web lớn. Nhưng ngay cả khi bạn không hướng tới sự nghiệp là nhà phát triển web, thì việc biết một hoặc hai điều về HTML và CSS sẽ giúp bạn hiểu rõ hơn về Web
Tiền thưởng miễn phí. Nhấp vào đây để tải xuống các tài liệu bổ sung cho hướng dẫn này, bao gồm tệp mẫu HTML tiết kiệm thời gian
Đánh dấu là đã hoàn thành
🐍 Thủ thuật Python 💌
Nhận một Thủ thuật Python ngắn và hấp dẫn được gửi đến hộp thư đến của bạn vài ngày một lần. Không có thư rác bao giờ. Hủy đăng ký bất cứ lúc nào. Được quản lý bởi nhóm Real Python
Gửi cho tôi thủ thuật Python »
Giới thiệu về Philipp Accany
Philipp là một kỹ sư phần mềm có trụ sở tại Berlin với nền tảng thiết kế đồ họa và niềm đam mê phát triển web toàn diện
» Thông tin thêm về PhilippMỗi hướng dẫn tại Real Python được tạo bởi một nhóm các nhà phát triển để nó đáp ứng các tiêu chuẩn chất lượng cao của chúng tôi. Các thành viên trong nhóm đã làm việc trong hướng dẫn này là
Aldren
Bartosz
Geir Arne
kate
Bậc thầy Kỹ năng Python trong thế giới thực Với quyền truy cập không giới hạn vào Python thực
Tham gia với chúng tôi và có quyền truy cập vào hàng nghìn hướng dẫn, khóa học video thực hành và cộng đồng các Pythonistas chuyên gia
Nâng cao kỹ năng Python của bạn »
Chuyên gia Kỹ năng Python trong thế giới thực
Với quyền truy cập không giới hạn vào Python thực
Tham gia với chúng tôi và có quyền truy cập vào hàng ngàn hướng dẫn, khóa học video thực hành và cộng đồng Pythonistas chuyên gia
Nâng cao kỹ năng Python của bạn »
Bạn nghĩ sao?
Đánh giá bài viết này
Tweet Chia sẻ Chia sẻ EmailBài học số 1 hoặc điều yêu thích mà bạn đã học được là gì?
Mẹo bình luận. Những nhận xét hữu ích nhất là những nhận xét được viết với mục đích học hỏi hoặc giúp đỡ các sinh viên khác. và nhận câu trả lời cho các câu hỏi phổ biến trong cổng thông tin hỗ trợ của chúng tôi