Cách in trong html
CSS (cascading style sheet) cung cấp cho bạn quyền kiểm soát đáng kể đối với cách hiển thị nội dung trên các trang web của bạn trên màn hình. Điều khiển này cũng mở rộng sang các phương tiện khác, chẳng hạn như khi trang web được in Show
Bạn có thể thắc mắc tại sao bạn muốn thêm tính năng in vào trang web của mình; Tuy nhiên, có những trường hợp khi thêm nút in hoặc liên kết đến một trang sẽ không chỉ giúp người dùng của bạn thực hiện quy trình dễ dàng hơn khi họ cần in một trang mà thậm chí có lẽ quan trọng hơn là cho phép bạn kiểm soát nhiều hơn cách các bản in đó sẽ xuất hiện trên trang web. Dưới đây là cách thêm nút in hoặc liên kết in trên các trang của bạn và cách xác định phần nội dung trang nào sẽ được in và phần nào không Thêm một nút inBạn có thể dễ dàng thêm nút in vào trang web của mình bằng cách thêm đoạn mã sau vào tài liệu HTML nơi bạn muốn nút xuất hiện onclick="window.print();return false;" /> Nút sẽ được gắn nhãn là In trang này khi xuất hiện trên trang web. Bạn có thể tùy chỉnh văn bản này thành bất cứ thứ gì bạn thích bằng cách thay đổi văn bản giữa các dấu ngoặc kép sau value=trong đoạn mã trên Thêm một liên kết inViệc thêm một liên kết in đơn giản vào trang web của bạn thậm chí còn dễ dàng hơn. Chỉ cần chèn mã sau vào tài liệu HTML của bạn nơi bạn muốn liên kết xuất hiện Bạn có thể tùy chỉnh văn bản liên kết bằng cách thay đổi "in" thành bất cứ thứ gì bạn chọn Làm cho các phần cụ thể có thể in đượcBạn có thể thiết lập khả năng cho người dùng in các phần cụ thể trên trang web của mình bằng nút in hoặc liên kết. Bạn có thể làm điều này bằng cách thêm một bản in. css vào trang web của bạn, gọi nó trong phần đầu của tài liệu HTML và sau đó xác định những phần mà bạn muốn in dễ dàng bằng cách xác định một lớp. Đầu tiên, thêm đoạn mã sau vào phần đầu của tài liệu HTML của bạn type="text/css" media="print" /> Tiếp theo, tạo một tệp có tên print. css. Trong tập tin này, thêm đoạn mã sau body {visibility:hidden;} Mã này xác định tất cả các phần tử trong nội dung là ẩn khi được in trừ khi phần tử được gán lớp "in" cho nó Bây giờ, tất cả những gì bạn cần làm là gán lớp "in" cho các phần tử của trang web mà bạn muốn có thể in được. Ví dụ: để làm cho một phần được xác định trong phần tử div có thể in được, bạn sẽ sử dụng Mọi thứ khác trên trang không được chỉ định cho lớp này sẽ không được in Trích dẫn bài viết này Định dạng trích dẫn của bạn Chapman, Stephen. "Làm thế nào để thêm một nút in hoặc liên kết đến trang web của bạn. "ThinkCo. https. //www. suy nghĩ. com/how-to-add-a-print-button-4072006 (truy cập ngày 6 tháng 2 năm 2023) Một plugin Sublime Text 2/3 để in các tệp dưới dạng HTML với tô sáng cú pháp màu và số dòng, đồng thời mở chúng trong trình duyệt của bạn để in Chuyển đổi màu và HTML hiện được thực hiện bởi Pygments, hỗ trợ nhiều ngôn ngữ và cú pháp Hiện tại Plugin được chỉ định từ bọc cho ST3 vẫn đang được phát triển. Trình duyệt web sẽ vẫn xử lý gói từ khi cần thiết Cài đặt
Nếu bạn muốn cài đặt thủ công, hãy cài đặt git, sau đó git clone https://github.com/jchampy/sublimetext-print-to-html "/Print to HTML" Cách sử dụng
Mục tiêu trong tương lai
|