Tài liệu có thể được trình bày dưới nhiều hình thức. Một trình soạn thảo đơn giản như Idle hoặc Notepad của Windows tạo ra văn bản thuần túy. về cơ bản là một chuỗi dài các ký tự có ý nghĩa xuất hiện trong văn bản cuối cùng mà bạn xem

Tài liệu có thể được hiển thị với định dạng của các phần của tài liệu. Các trang web cho phép các phông chữ khác nhau, chữ nghiêng và chữ đậm cũng như bố cục văn bản và đoạn văn có kích thước khác nhau. Các trang Microsoft Word, Libre Office và OSX, tất cả các tài liệu hiển thị với nhiều định dạng khác nhau. Cú pháp cho cách các hệ thống khác nhau mã hóa thông tin định dạng rất khác nhau

Nếu bạn nhìn vào một Microsoft Word cũ. doc trong một trình soạn thảo văn bản đơn giản như Notepad, bạn sẽ có thể tìm thấy văn bản gốc bị chôn vùi bên trong, nhưng hầu hết các ký hiệu liên quan đến định dạng là vô nghĩa không thể in được đối với con người

Ngôn ngữ đánh dấu siêu văn bản [HTML] rất khác về vấn đề đó. Nó tạo ra một tệp gồm các ký tự mà con người hoàn toàn có thể đọc được, tệp này có thể được tạo bằng trình soạn thảo văn bản thuần túy, nhưng các phần đánh dấu của tệp không xuất hiện trực tiếp trong trình duyệt của bạn, nhưng hướng dẫn trình duyệt cách định dạng trang

Ví dụ: trong HTML, kích thước lớn nhất của tiêu đề có nội dung “Giới thiệu web”, sẽ giống như

Giới thiệu web

The heading format is indicated by bracketing the heading text ‘Web Introduction’ with markup sequences,

beforehand, and

afterward. All HTML markup is delimited by tags enclosed in angle brackets, and most tags come in pairs, surrounding the information to be formatted. The end tag has an extra ‘/’. Here ‘h’ stands for heading, and the number indicates the relative importance of the heading. [There is also h2, h3, ... for smaller headings.] In the early days of HTML, editing was done in a plain text editor, with the tags being directly typed in by people who memorized all the codes!

Chúng tôi sẽ sử dụng một lượng đánh dấu vừa đủ để phần giới thiệu rất hạn chế về Đánh dấu nguồn HTML, cùng với các mẫu hiển thị các ví dụ dễ sửa đổi, sẽ bao gồm tất cả các đánh dấu bạn cần cho khóa học

Với sự bùng nổ mạnh mẽ của World Wide Web, phần mềm chuyên dụng đã được phát triển để giúp chỉnh sửa web giống như xử lý văn bản, với giao diện đồ họa, cho phép thực hiện định dạng bằng cách chọn văn bản bằng chuột và nhấp vào menu và biểu tượng được dán nhãn tự nhiên hơn. . Sau đó, phần mềm sẽ tự động tạo đánh dấu cần thiết. Trong hướng dẫn này, một ví dụ khả thi dành cho người dùng Windows và máy Mac KHÔNG được nâng cấp lên phiên bản Catalina OSX, là Kompozer mã nguồn mở, miễn phí từ https. //nguồnforge. net/dự án/kompozer/. Nó tải xuống phiên bản phù hợp cho máy Windows hoặc Mac với phiên bản hệ điều hành trước Catalina. Người dùng Catalina hoặc các phiên bản OSX mới hơn có thể xem phần giới thiệu về ứng dụng Mac TextEdit trong Đánh dấu nguồn HTML

Nếu hệ điều hành của bạn phù hợp, bạn có thể tải xuống Kompozer, nếu bạn chưa sử dụng một môi trường khác cho phép bạn xem cả văn bản thuần không được định dạng và chế độ xem được định dạng

Một giải pháp thay thế cho đánh dấu đơn giản cần thiết cho các bài tập là sửa đổi mã nguồn html mẫu bằng cách sử dụng các ý tưởng trong Đánh dấu nguồn HTML

4. 2. 2. Giới thiệu về các trang tĩnh trong Kompozer

Nếu không chạy được Kompozer, bạn có thể xem phần thảo luận về nguồn html song song trong HTML Source Markup, và bỏ qua phần này dành riêng cho Kompozer

Phần này giới thiệu trình soạn thảo trang web Kompozer để tạo các trang tĩnh. Trang tĩnh là trang được tạo trước và chỉ cần mở và sử dụng khi cần. Điều này trái ngược với một trang động, là một trang tùy chỉnh được tạo bởi phần mềm theo yêu cầu, với một số tham số đầu vào

Bạn có thể mở Kompozer và dễ dàng tạo tài liệu có tiêu đề, phần in nghiêng và in đậm

Kompozer được sử dụng vì nó là phần mềm miễn phí và khá dễ sử dụng, giống như một trình xử lý văn bản thông thường. Không giống như một trình xử lý văn bản thông thường, bạn sẽ có thể dễ dàng xem mã đánh dấu HTML bên dưới. Không nhất thiết phải biết nhiều chi tiết về mã đánh dấu cho tệp HTML để sử dụng Kompozer, nhưng bạn có thể xem kết quả đánh dấu

Chúng tôi sẽ sử dụng các trang tĩnh sau này như một phần của việc tạo các trang động, sử dụng các trang tĩnh làm mẫu để chúng tôi chèn dữ liệu động

Để tạo các trang web tĩnh

1. Dù bạn khởi động Kompozer, hãy vào menu trong Kompozer và chọn Tệp ‣ Mới . Bạn sẽ nhận được những gì trông giống như một tài liệu trống.
2. Nhìn vào dưới cùng của cửa sổ của bạn. Bạn sẽ thấy tab Bình thường được chọn, với các lựa chọn khác bên cạnh, bao gồm tab Nguồn. Nhấp vào tab Nguồn. Bạn sẽ thấy rằng, mặc dù bạn không thêm nội dung nào, nhưng bạn đã có phần đánh dấu cơ bản để bắt đầu một trang html
3. Nhấp lại vào tab Bình thường để quay lại chế độ xem Bình thường [không có nội dung nào vào lúc này]
4. Giả sử bạn đang tạo một trang chủ cho chính mình. Tạo một tiêu đề và một số văn bản giới thiệu. Sử dụng các tính năng xử lý văn bản thông thường như đánh dấu tiêu đề của bạn là Tiêu đề 1 trong hộp thả xuống trên thanh menu. [Trình đơn thả xuống có thể bắt đầu hiển thị 'Đoạn văn' hoặc 'Văn bản nội dung'. ] Bạn có thể chọn văn bản và in đậm hoặc in nghiêng; . sử dụng menu hoặc biểu tượng chỉnh sửa
5. Trước khi đi quá xa, hãy lưu tài liệu của bạn dưới dạng nhà. html trong thư mục www hiện có trong các ví dụ Python trước đó của bạn. Sẽ tiết kiệm được rất nhiều rắc rối nếu bạn giữ cho trang web của mình hoạt động cùng nhau trong thư mục www này, nơi tôi đã đặt sẵn một số tệp mà bạn sẽ muốn giữ cùng nhau trong một thư mục
6. Để so sánh, hãy chuyển đổi qua lại giữa chế độ xem Bình thường và Nguồn để xem tất cả những gì diễn ra bên dưới chế độ xem của bạn, đặc biệt nếu bạn đã chỉnh sửa định dạng văn bản của mình. Ở đâu đó được nhúng trong chế độ xem Nguồn, bạn sẽ thấy tất cả văn bản bạn đã nhập. Một số ký tự riêng lẻ có ký hiệu đặc biệt trong HTML bắt đầu bằng dấu và và kết thúc bằng dấu chấm phẩy. Một lần nữa, điều quan trọng hơn là hiểu rằng có hai chế độ xem khác nhau hơn là có thể tái tạo chế độ xem Nguồn từ bộ nhớ
7. Bạn có thể sử dụng trình duyệt web để xem tệp của mình trông như thế nào bên ngoài trình chỉnh sửa. Cách dễ nhất để thực hiện việc này là chuyển đến trình đơn của trình duyệt web và chọn thứ gì đó như Tệp ‣ Mở tệp và tìm trang chủ. tệp html mà bạn vừa viết. Nó sẽ trông khá giống với giao diện của nó trong Kompozer, nhưng nếu bạn đã đặt các siêu liên kết, thì bây giờ chúng sẽ hoạt động.

Cuộc thảo luận về chỉnh sửa trang web vẫn tiếp tục trong , nhưng trước tiên chúng ta bắt đầu hành động với Python

4. 2. 3. Chỉnh sửa và kiểm tra các định dạng tài liệu khác nhau

Ghi chú

Trong chương này, bạn sẽ làm việc với một số loại tài liệu khác nhau mà bạn sẽ chỉnh sửa và kiểm tra theo những cách rất khác nhau. Phần cuối của tên của họ cho thấy việc sử dụng của họ

Mỗi khi một loại tệp mới được thảo luận trong các phần sau, các cách thích hợp để làm việc với nó sẽ được lặp lại, nhưng với tất cả các biến thể, sẽ rất hữu ích nếu bạn nhóm tất cả chúng vào một chỗ ngay bây giờ

mạng. quy ước pyMy cho các chương trình Python thông thường lấy tất cả đầu vào của chúng từ bàn phím và tạo đầu ra hiển thị trên trang web. Các chương trình này có thể được chạy giống như các chương trình Python khác, trực tiếp từ thư mục hệ điều hành hoặc từ bên trong Idle. Chúng không phải là sản phẩm cuối cùng, nhưng là một cách chia quá trình phát triển thành các bước theo cách có thể kiểm tra được. chương trình cgiPython được bắt đầu từ trình duyệt web và được điều hành bởi máy chủ web. Bạn sẽ phát triển mã bằng máy chủ web cục bộ trên máy của chính mình. html

Các tài liệu web thường được soạn trong một trình soạn thảo như Kompozer. Theo quy ước của tôi, chúng có một danh mục phụ

Mẫu. htmlkhông nhằm mục đích hiển thị trực tiếp trong trình duyệt mà thay vào đó được đọc bởi chương trình Python [. cgi hoặc. mạng. py] để tạo mẫu hoặc chuỗi định dạng cho trang web cuối cùng được tạo động bên trong chương trình Python

Các tệp khác kết thúc bằng. html được dùng để xem trực tiếp trong trình duyệt web. Ngoại trừ các ví dụ tĩnh đơn giản trước đó trong , các trang của khóa học này được thiết kế để nằm trên máy chủ web và bao gồm các biểu mẫu có thể chuyển thông tin tới chương trình Python CGI [. cgi]

Làm cách nào để chuyển đổi văn bản sang HTML trong Python?

Bạn có thể định dạng văn bản trong HTML không?

Làm cách nào để hiển thị đầu ra Python trong HTML?

Xem tệp nguồn HTML . Thư viện này được sử dụng để mở các tệp có mã hóa nhất định. Nó nhận một mã hóa tham số làm cho nó khác với hàm open[] tích hợp. using the codecs library. This library is used to open files which have a certain encoding. It takes a parameter encoding which makes it different from the built-in open[] function.

Làm cách nào để mã hóa HTML bằng Python?

escape[] trong Python được dùng để mã hóa HTML.