Hướng dẫn how do you insert an excel file into html? - làm thế nào để bạn chèn một tệp excel vào html?

Trong bài viết này, chúng tôi chỉ ra cách nhúng Microsoft Excel trên một trang web bằng HTML đơn giản.

Làm điều này một mình, sử dụng mã tùy chỉnh của riêng bạn, là khó khăn.

Cách tốt nhất để nhúng tệp Microsoft Excel trên trang web là sử dụng API do Microsoft cung cấp, cho phép bạn nhúng tệp Excel ngay trên trang web của mình.

Và mã cực kỳ đơn giản. Nó được hiển thị dưới đây.

Trong mã trên, nơi bạn nhìn thấy, chỉ định đường dẫn ở đây, bạn thay thế nó và đặt đường dẫn hoàn chỉnh vào tệp Excel của bạn. Và đó là tất cả những gì được yêu cầu.

Vì vậy, Microsoft giúp việc hiển thị các tài liệu Microsoft như Excel Files trực tuyến rất dễ dàng.

Sử dụng API mà họ thiết lập, bạn có tệp Microsoft Excel đầy đủ tính năng mà người dùng có thể tìm kiếm các thuật ngữ và thực hiện nhiều chức năng nâng cao khác.

Chỉ là một ví dụ, tôi đã tải lên một tệp excel lên trang web này. Nó chỉ là một tệp excel ví dụ.

Mã để nhúng tài liệu này trên trang này được hiển thị bên dưới.

Sử dụng API của Microsoft, tôi có thể hiển thị tệp Microsoft Excel sau đây được thấy bên dưới.

Như bạn có thể thấy các chế độ xem tệp Excel này giống như một tệp Excel sẽ xuất hiện trên phần mềm máy tính để bàn thực tế.

Tất nhiên, nó không được đặc trưng đầy đủ vì bạn sẽ không làm những việc như chỉnh sửa nó hoặc thay đổi phông chữ của nó. Nó chỉ có trên web để xem, vì vậy không có tính năng nào khác có mặt. Nhưng bạn có thể thay đổi kích thước nó, bạn có thể tìm kiếm tài liệu để biết các điều khoản cụ thể, bạn có thể in tài liệu, bạn có thể tải xuống tài liệu, cũng như nhiều tính năng khác mà Microsoft cung cấp.

Vì vậy, sử dụng API là một ý tưởng rất tốt. Nó cho phép nhúng các tệp Excel rất dễ dàng trực tuyến và cung cấp nhiều tính năng. Nó không được khuyến khích để làm điều đó theo bất kỳ cách nào khác.

Vì vậy, bằng cách sử dụng HTML đơn giản, thẻ neo, bạn có thể nhúng và hiển thị tệp Microsoft Excel trên trang web.

Tài nguyên liên quan

Thật dễ dàng để nhúng dữ liệu bảng vào & nbsp; trang web. Bạn có thể sử dụng thẻ HTML tiêu chuẩn ____ 2 & NBSP; HTML hoặc bạn có thể nhập dữ liệu bảng vào bảng tính - như Excel Online hoặc Google Bảng tính - và nhúng trang tính vào các trang web của bạn.

Các bảng HTML rất dễ dàng trong khi các bảng dựa trên bảng tính cho phép định dạng tốt hơn và bố cục phức tạp - như các bảng lồng nhau trong bảng - mà không liên quan đến mã. & NBSP; Đây là những cách khác nhau mà bạn có thể nhúng các bảng vào trang web và ưu và nhược điểm của chúng.

Cách tạo bảng HTML

Nếu bạn có quyền truy cập vào trình soạn thảo WYSIWYG như Dreamweaver, bạn có thể dễ dàng tạo bảng HTML bằng cách sử dụng các pháp sư tích hợp nhưng tôi thích sử dụng Markdown để tạo bảng vì nó không yêu cầu thẻ. Truy cập gist.github.com (bạn thậm chí không cần một tài khoản ở đây) và nhập bảng & nbsp; ở định dạng sau:

Column A | Column B
-------- | -------
Cell A1 | Cell B1
Cell A2 | Cell B2

Mỗi cột được phân tách bằng một đường ống (|) trong khi dấu gạch nối (-) chỉ ra các tiêu đề bảng. Đặt tên cho bảng gist.md (.md chỉ ra ngôn ngữ Markdown) và nhấp vào nút Tạo Secret Gist bí mật để hiển thị dấu hiệu dưới dạng bảng.

Khi bạn nhấp vào nút Lưu, ý chính sẽ hiển thị cho bạn bảng trực quan mà bạn có thể sao chép-dán vào bất kỳ trình soạn thảo văn bản phong phú nào như cửa sổ Gmail Compose. Ngoài ra, bạn có thể nhấp chuột phải vào bảng trên GitHub và chọn Kiểm tra phần tử để xem các thẻ HTML thực tế cho bảng đó.

Tableizer & nbsp; là một công cụ đơn giản khác để chuyển đổi dữ liệu bảng tính thành mã bảng HTML. Tạo một bảng bên trong Excel hoặc ứng dụng số trên máy tính để bàn của bạn, sao chép các ô và dán nó vào bên trong Tableizer. Nó sẽ tạo mã HTML có thể được sử dụng trên blog hoặc trang web của bạn.

Nhúng Google Sheets vào trang web của bạn

Một tùy chọn phổ biến để nhúng dữ liệu bảng vào một trang web là thông qua Google Docs (bảng tính). Ưu điểm với phương pháp này là bạn có thể sửa đổi dữ liệu trong bảng tính và bảng nhúng sẽ tự cập nhật để phản ánh các chỉnh sửa. Không cần phải chỉnh sửa trang web chứa bảng.

Truy cập bảng tính.google.com, nhập một số dữ liệu vào trang tính và chọn Xuất bản tùy chọn Web từ menu Tệp. Chọn Bắt đầu xuất bản và Google Drive sẽ cung cấp cho bạn mã nhúng IFRAME cho trang tính cụ thể đó.

Bảng nhúng - xem phiên bản trực tiếp - sẽ bảo toàn định dạng gốc của các ô nhưng nó vẫn sẽ là một tài liệu HTML tĩnh - không có tùy chọn nào để sắp xếp hoặc lọc dữ liệu trong bảng HTML.

Nhúng các tấm excel vào các trang web

Đây là phương pháp yêu thích của tôi để nhúng dữ liệu bảng tính vào trang web và tôi sẽ sớm giải thích lý do tại sao.

Truy cập Office.Live.com và tạo sổ làm việc trống mới. Nhập dữ liệu bảng bên trong bảng Excel và sau đó chọn Tệp -> Chia sẻ -> nhúng -> Tạo HTML.

Excel, không giống như Google Docs, cho phép bạn nhúng một loạt các ô được chọn chứ không phải toàn bộ bảng tính. Bạn cũng có thể bao gồm một liên kết tải xuống trong các ô nhúng giúp khách truy cập trang web của bạn dễ dàng tải xuống và mở bảng trong ứng dụng bảng tính cục bộ của họ. Bảng tính nhúng cũng cung cấp bản sao tốt hơn so với Google Docs.

Tại đây, một phiên bản trực tiếp của bảng HTML được nhúng bằng ứng dụng Web Excel.

Liên quan: Chụp các bảng web vào Excel

Làm cho bảng HTML tĩnh tương tác

Nếu bạn muốn đi với các bảng HTML tĩnh, thay vì các bảng dựa trên bảng tính tương tác, bạn có thể xem xét thêm nút Excel sẽ làm cho các bảng HTML của bạn tương tác.

Bạn có mã HTML thông thường cho ________ 2 & NBSP của bạn và tất cả những gì bạn phải làm là thêm một thẻ HTML khác vào trang web của bạn sẽ biến bảng tĩnh nhúng thành một bảng tương tác - - xem phiên bản trực tiếp này.

  

    
Column A
    
Column B
    
  

    

      
Cell A1
      
Cell B1
    
    

      
Cell A2
      
Cell B2
    
  

Mã này sẽ thêm một nút excel nhỏ bên cạnh bảng HTML của bạn và khi ai đó nhấp vào nút đó, nó sẽ tạo ra một cái nhìn đẹp và tương tác của bảng với sự hỗ trợ để sắp xếp và lọc. Bạn thậm chí có thể trực quan hóa bảng HTML dưới dạng đồ thị mà không cần rời khỏi trang.

Bảng HTML hoặc bảng tính?

Ưu điểm với các bảng HTML tĩnh là chúng thân thiện với SEO (công cụ tìm kiếm có thể đọc bảng HTML của bạn) trong khi bảng dựa trên bảng tính thì không. Tuy nhiên, cái sau cho phép các tùy chọn định dạng tốt hơn và tương đối dễ dàng cập nhật.

Nếu bạn muốn có những điều tốt nhất của cả hai thế giới, hãy đi với bảng HTML và sử dụng chế độ xem tương tác Excel sẽ cho phép người xem tương tác với bảng theo yêu cầu.

Hướng dẫn liên quan: Cách nhúng bất cứ thứ gì vào một trang webHow to Embed Anything in a Website

Làm cách nào để nhúng một tệp Excel vào HTML?

Làm cách nào để nhúng tệp Excel vào trang web?