Tải xuống HTML PDF

Trong bài viết này chúng ta sẽ tìm hiểu cách tải file pdf bằng HTML. Đối với điều này, chúng tôi đang sử dụng thuộc tính "tải xuống" của thẻ HTML5. Chúng ta có thể giải thích khái niệm này bằng nhiều ví dụ khác nhau. Trước đó chúng ta sẽ tìm hiểu một số thuật ngữ cơ bản

HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. HTML là ngôn ngữ đánh dấu được sử dụng rộng rãi nhất và để đánh dấu nội dung trên trang web, chúng tôi sử dụng các lệnh khác nhau được gọi là thẻ. Thẻ là các hướng dẫn được nhúng trực tiếp vào văn bản của tài liệu HTML. Mỗi thẻ HTML chỉ định một số hành động mà trình duyệt sẽ sử dụng để hiển thị văn bản trên trang web. HTML là ngôn ngữ chuẩn để xây dựng và thiết kế các trang web

HTML5

HTML 5 là phiên bản mới nhất của HTML. HTML5 đã trở thành tiêu chuẩn W3 vào ngày 28 tháng 10 năm 2014. W3C là viết tắt của World Wide Web Consortium. W3C là tổ chức tiêu chuẩn quốc tế chính cho World Wide Web

thẻ trong HTML

Đây còn được gọi là thẻ neo. Nó được sử dụng để tạo liên kết hoặc siêu liên kết trong html. Bất cứ điều gì, tôi. e. , văn bản, hình ảnh, tệp có thể thuộc bất kỳ phần mở rộng nào giữa thẻ mở và thẻ đóng trở thành một phần của liên kết mà người dùng có thể nhấp vào trong trình duyệt. Người dùng có thể nhấp vào bất kỳ thứ gì giữa thẻ mở và thẻ đóng. Bạn có thể chỉ định trang nào bạn muốn liên kết bằng cách sử dụng thuộc tính "href"

Cú pháp chung của thẻ được đưa ra dưới đây

cú pháp

Trong cú pháp trên,

thẻ được sử dụng để tạo liên kết,

Href chỉ định vị trí của tài liệu, nơi liên kết sẽ đi

Các loại liên kết trong html

• Siêu liên kết tuyệt đối. nó còn được gọi là siêu kết nối bên ngoài. Siêu liên kết tuyệt đối sử dụng một URL hoàn chỉnh, tôi. e. , địa chỉ trang web đầy đủ. Khi chúng tôi muốn liên kết trang của mình với bất kỳ trang web nào khác trên web, chúng tôi cần cung cấp địa chỉ trang web đầy đủ của trang web đó. Loại địa chỉ như vậy được gọi là siêu liên kết tuyệt đối.
  Ví dụ.
  Văn bản liên kết
• Siêu liên kết tương đối. Nó còn được gọi là siêu liên kết nội bộ. Một URL tương đối trỏ đến một tệp trong một trang web. Các liên kết tương đối tạo các trang, tìm kiếm tất cả các liên kết và thay đổi tên của chúng. Liên kết tương đối dựa trên thực tế là máy chủ biết vị trí của tài liệu được liên kết.
  Ví dụ.
  Văn bản liên kết

thuộc tính của thẻ

Liên kết tải xuống

Với việc sử dụng thuộc tính tải xuống thẻ, chúng tôi có thể tải xuống các tệp pdf, hình ảnh, tệp từ, v.v. Thuộc tính tải xuống chỉ định rằng mục tiêu (tệp được chỉ định trong thuộc tính href) sẽ được tải xuống khi người dùng nhấp vào siêu liên kết

Bạn có thể tạo một liên kết văn bản để làm cho các tệp PDF hoặc DOC hoặc ZIP của bạn có thể tải xuống được. Điều này rất đơn giản và bạn chỉ cần cung cấp URL đầy đủ của tệp có thể tải xuống như sau

cú pháp

Trong cú pháp trên,

thẻ được sử dụng để tạo liên kết,

href chỉ định vị trí của tài liệu, nơi liên kết sẽ đi

Tải xuống chỉ định thuộc tính

Bạn cũng có thể cung cấp giá trị tùy chọn cho thuộc tính tải xuống. Giá trị tùy chọn của thuộc tính tải xuống sẽ là tên mới của tệp sau khi được tải xuống. Nếu giá trị bị bỏ qua, tên tệp gốc được sử dụng. Sau đây là cú pháp để cung cấp giá trị tùy chọn cho thuộc tính tải xuống

cú pháp

Hãy để chúng tôi lấy một số ví dụ

ví dụ 1

Tạo một ví dụ để tải xuống một hình ảnh bằng thuộc tính tải xuống thẻ

Giải trình

Trong ví dụ này, chúng tôi đã sử dụng đường dẫn tương đối của hình ảnh

Trong phần này, chúng tôi tạo một liên kết có thể tải xuống của hình ảnh và khi người dùng nhấp vào hình ảnh, hình ảnh sẽ được tải xuống với cùng tên

đầu ra

Khi chúng tôi nhấp vào hình ảnh, hình ảnh sẽ được tải xuống với tên giống như đã đề cập

ví dụ 2

Giải trình

Trong ví dụ này, chúng tôi đã sử dụng đường dẫn tương đối của hình ảnh

Trong phần này, chúng tôi đã tạo một liên kết có thể tải xuống của tệp từ và khi chúng tôi nhấp vào tệp từ, tệp từ sẽ được tải xuống với tên được đề cập trong thuộc tính tải xuống

Tại đây, bạn sẽ nhận được tài liệu cho các khóa học và hướng dẫn liên quan đến CNTT và ngôn ngữ HTML trên máy tính. Các tài liệu mà bạn sẽ nhận được các tệp PDF, DOC, PPT, RAR và ZIP là ngôn ngữ HTML & HTML5 và nhiều ngôn ngữ khác. Vì những hướng dẫn này được bao gồm trong nhiều lịch trình học tập, bạn sẽ cần có thông tin chi tiết về chúng. Vì bạn không thể duyệt web cho mọi chủ đề nhỏ, bạn có thể tải xuống các tệp PDF để dễ dàng truy cập thông tin. Ngoài ra, các hướng dẫn, bài tập đã sửa và công việc thực tế sẽ giúp bạn dễ dàng hiểu rõ mọi chủ đề

Thuộc tính download chỉ định rằng mục tiêu (tệp được chỉ định trong thuộc tính href) sẽ được tải xuống khi người dùng nhấp vào siêu liên kết

Giá trị tùy chọn của thuộc tính download sẽ là tên mới của tệp sau khi được tải xuống. Không có giới hạn nào đối với các giá trị được phép và trình duyệt sẽ tự động phát hiện phần mở rộng tệp chính xác và thêm nó vào tệp (. hình ảnh,. pdf,. văn bản,. html, v.v. )

Nếu giá trị bị bỏ qua, tên tệp gốc được sử dụng

---

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính

Thuộc tính tải xuống14. 0*18. 020. 0*10. 115. 0

* Chrome 65+ và Firefox chỉ hỗ trợ liên kết tải xuống cùng nguồn gốc

---

cú pháp

Giá trị thuộc tính

Giá trịMô tảtên tệpTùy chọn. Chỉ định tên tệp mới cho tệp đã tải xuống

---

Thêm ví dụ

Thí dụ

Chỉ định một giá trị cho thuộc tính tải xuống, đây sẽ là tên tệp mới của tệp đã tải xuống ("w3logo. jpg" thay vì "myw3schoolsimage. jpg")