2024-04-15
Tạo bảng trong Markdown là một quá trình đơn giản giúp nâng cao tổ chức và trình bày dữ liệu trên web. Hướng dẫn này bao gồm mọi thứ bạn cần biết, từ cú pháp cơ bản đến các tùy chọn định dạng nâng cao:
Markdown Toolbox
| và dấu gạch ngang - để tạo ra các bảng đơn giản.:.& và | bằng cách sử dụng thực thể HTML hoặc dấu gạch chéo ngược.Cuối cùng hướng dẫn này, bạn sẽ có khả năng tạo ra các bảng rõ ràng, thông tin trong Markdown, làm cho nội dung của bạn có cấu trúc và dễ tiếp cận hơn.
Bạn có thể quyết định cách căn chỉnh văn bản trong các cột bằng cách điều chỉnh hàng dấu gạch ngang -:
:---: = Văn bản căn trái:--: = Văn bản được căn giữa---: = Văn bản căn phải| Trái | Giữa | Phải |
| :--- | :----: | ----: |
| Văn bản | Văn bản | Văn bản |
Ví dụ:
| Trái | Giữa | Phải |
|---|---|---|
| Văn bản | Văn bản | Văn bản |
Bạn có thể làm cho văn bản in đậm, nghiêng, thêm liên kết, hoặc thậm chí mã ở bên trong các ô bảng bằng cách sử dụng các mẹo Markdown thông thường:
** hoặc __* hoặc _Khối mã nội tuyếnVí dụ:
| Tên | Mô tả |
|---|---|
| John | Giáo viên thích học hỏi những điều mới |
| Sarah | Kỹ sư làm việc trên dự án thú vị |
Điều này cho thấy những điều cơ bản của việc tạo bảng trong Markdown. Với một chút thực hành, chúng có thể là một cách tuyệt vời để tổ chức dữ liệu rõ ràng cho các trang web hoặc tài liệu.
Khi bạn tạo bảng trong Markdown, đôi khi bạn sẽ muốn bao gồm các ký tự đặc biệt mà định dạng Markdown thường sử dụng cho các thứ khác. Ví dụ, vì Markdown sử dụng các dấu ống | để ngăn cách các cột, nếu bạn muốn hiển thị biểu tượng ống trong một ô, bạn phải tìm cách để làm điều đó.
Có một vài cách để làm điều này:
Một cách là sử dụng thực thể ký tự HTML. Đây là các mã đặc biệt cho phép bạn hiển thị các ký tự có nghĩa khác trong HTML hoặc Markdown. Ví dụ, & cho dấu và | cho một ống |.
Dưới đây là cách nó trông như thế nào:
| Ký tự | Thực thể | Ví dụ Hiển thị |
|---|---|---|
| Dấu và | & |
R&D |
| Ống | | |
Cột|Tiêu đề |
Bạn có thể tìm thấy danh sách đầy đủ các thực thể ký tự HTML ở đây.
Cách khác là đặt một dấu gạch chéo ngược \ trước ký tự đặc biệt. Điều này cho Markdown biết để đối xử với ký tự tiếp theo giống như bất kỳ văn bản nào khác.
\| = hiển thị một ống |
\\ = hiển thị một dấu gạch chéo ngược \
Nhưng hãy nhớ, sử dụng một dấu gạch chéo ngược không hoạt động cho mọi ký tự trong bảng Markdown, như dấu ống |.
Cuối cùng, bạn có thể sử dụng các khối mã Markdown để hiển thị các ký tự đặc biệt chính xác như chúng. Chỉ cần đặt chúng trong dấu nháy đơn `.
` | * | & | \ | | `` ``
Điều này sẽ trông giống như:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
Nói tóm lại, hãy sử dụng thực thể HTML hoặc dấu gạch chéo ngược khi bạn có thể để thoát ký tự đặc biệt. Đối với các ống và các ký hiệu khó khác, các khối mã là cách tốt để hiển thị chúng chính xác như chúng.
Markdown có nhiều kiểu khác nhau, mỗi kiểu đều có cách riêng để xử lý bảng. Hãy cùng xem những kiểu này và một số mẹo để tạo những bảng tuyệt vời:
GFM là những gì bạn thấy trên GitHub. Nó cho phép bạn tạo bảng một cách dễ dàng:
| Tiêu đề 1 | Tiêu đề 2 |
|----------|----------|
| Hàng 1a | Hàng 1b |
| Hàng 2a | Hàng 2b |
Bạn không cần phải đặt các dấu ống | ở cuối mỗi dòng, nhưng việc này là một ý tưởng tốt để tránh sai sót.
Các phiên bản này thêm nhiều tùy chọn hơn cho bảng, chẳng hạn như căn chỉnh văn bản:
| Phải | Trái | Mặc định | Giữa |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Sử dụng một dấu hai chấm : để kiểm soát căn chỉnh văn bản.
CommonMark không có cú pháp bảng riêng. Bạn cần sử dụng các thẻ HTML để tạo bảng.
Trong GFM và tương tự, bạn không phải lúc nào cũng cần các dấu ống bên |:
Tiêu đề 1 | Tiêu đề 2
--------- | ---------
Hàng 1a | Hàng 1b
Hàng 2a | Hàng 2b
Việc bỏ chúng có thể làm cho việc chỉnh sửa dễ dàng hơn, nhưng việc có chúng giúp tránh các lỗi.
Cố gắng để chiều rộng cột được khớp nhau để làm cho bảng của bạn trông ngăn nắp hơn:
| Ngắn | Cột Ví dụ Dài |
|-------|-----------------------|
| Văn bản | Văn bản ví dụ nhiều hơn |
Điều này làm cho bảng của bạn dễ đọc hơn.
Việc tạo bảng từ đầu có thể khá khó khăn. Đây là một số công cụ giúp bạn:
Trình tạo bảng Markdown Table Generator cho phép bạn tạo bảng mà không cần mã hóa. Chỉ cần điền thông tin của bạn và nó sẽ cung cấp cho bạn mã.
Table Convert nhanh chóng chuyển đổi dữ liệu từ các bảng tính thành bảng Markdown.
Trình soạn thảo Typora Markdown có cách đơn giản để thêm và định dạng bảng.
Có một số ứng dụng cho phép dễ dàng làm việc với các bảng Markdown:
Typora có một menu đơn giản để thêm và chỉnh sửa bảng.
Zettlr cho phép bạn chèn một bảng cơ bản và sau đó chỉnh sửa nó trực tiếp.
Biết những mẹo và công cụ này có thể giúp bạn làm việc với bảng Markdown dễ dàng hơn. Hãy nhớ rằng, mục tiêu là làm cho thông tin rõ ràng và dễ đọc.
Hãy cùng thực hành một số bài tập thực tế với việc tạo bảng bằng Markdown. Đây là một vài bài tập đơn giản để giúp bạn làm quen:
Trước tiên, hãy tạo một bảng đơn giản liệt kê các loại trái cây khác nhau:
| Trái Cây | Màu | Hình Dáng |
| Trái Cây | Màu | Hình Dáng |
| - | - | - |
| Trái Cây | Màu | Hình Dáng |
| - | - | - |
| Táo | Đỏ | Hình Tròn |
| Trái Cây | Màu | Hình Dáng |
| - | - | - |
| Táo | Đỏ | Hình Tròn |
| Chuối | Vàng | Dài |
| Cam | Cam | Hình Tròn |
Tiếp theo, hãy thêm một chút phong cách cho bảng trái cây của chúng ta:
** xung quanh chúng:| **Trái Cây** | **Màu** | **Hình Dáng** |
| - | - | - |
| Chuối | *Vàng* | Dài |
| Cam | [Cam](https://www.w3schools.com/colors/colors_names.asp) | Hình Tròn |
Đối với một thử thách hơn, hãy tạo một bảng với nhiều chi tiết hơn:
| **Tên** | **Vị trí** | **Lương** |
| - | - | - |
| **Tên** | **Vị trí** | **Lương** |
| - | - | - |
| John | Quản lý | $80,000 |
| Sarah | Phát triển viên | $60,000 |
| Lisa | Thiết kế | $50,000 |
| **Tên** | **Vị trí** | **Lương** |
| - | - | ---: |
Thực hành với những bước này là một cách tuyệt vời để trở nên quen thuộc hơn với việc tạo bảng Markdown. Hãy thử tạo các loại bảng khác nhau và thử nghiệm với định dạng để xem bạn có thể làm gì.
Chỉnh sửa bảng trong Markdown có thể hơi rắc rối, nhưng biết một số phím tắt có thể giúp việc này dễ dàng hơn nhiều. Dưới đây là danh sách các phím tắt có thể giúp bạn làm việc nhanh hơn:
Tab - Nhảy đến ô tiếp theoShift + Tab - Quay lại ô trước đóEnter - Di chuyển xuống hàng tiếp theoCtrl/Cmd + Enter - Dừng chỉnh sửa bảngCtrl/Cmd + Mũi tên - Di chuyển quanh các ô một cách dễ dàngCtrl/Cmd + l - Căn trái văn bảnCtrl/Cmd + e - Căn giữa văn bảnCtrl/Cmd + r - Căn phải văn bảnCtrl/Cmd + . - Bỏ bỏ bất kỳ căn chỉnh nào cụ thểAlt + i - Thêm một hàng mới bên trênAlt + a - Thêm một hàng mới bên dướiAlt + j - Thêm một cột bên tráiAlt + l - Thêm một cột bên phảiAlt + Shift + i - Xóa hàng hiện tạiAlt + Shift + a - Xóa hàng hiện tạiAlt + Shift + j - Xóa cột hiện tạiAlt + Shift + l - Xóa cột hiện tạiShift + Mũi tên - Chọn nhiều ô hơnCtrl/Cmd + Alt + Mũi tên - Di chuyển toàn bộ hàng hoặc cộtBằng cách làm quen với các phím tắt này, bạn có thể tăng tốc công việc với các bảng trong Markdown. Giữ hướng dẫn này bên cạnh để tham khảo nhanh.
Tạo bảng với Markdown giúp bạn tổ chức thông tin một cách gọn gàng cho các trang web. Nó khá đơn giản một khi bạn đã quen với nó. Dưới đây là những gì cần nhớ:
|. Đặt dấu gạch ngang - dưới hàng tiêu đề để cho thấy văn bản nên căn chỉnh như thế nào.: bên cạnh các dấu gạch ngang dưới cột bạn muốn điều chỉnh.Chỉ cần tiếp tục thực hành, và sớm thôi, việc tạo bảng Markdown sẽ trở nên đơn giản. Hãy nhớ giữ cho các bảng của bạn đơn giản và rõ ràng. Mục tiêu chính là chia sẻ thông tin theo cách dễ hiểu cho mọi người. Các bảng Markdown rất tuyệt vời cho việc này vì chúng cho phép bạn sắp xếp dữ liệu một cách gọn gàng và rõ ràng.
Để tạo bảng trong Markdown, hãy sử dụng ký hiệu ống | để tạo các cột, dấu gạch ngang - để căn chỉnh văn bản dưới các tiêu đề, và dấu hai chấm : để căn văn bản sang trái, giữa hoặc phải. Bắt đầu với các tiêu đề trong hàng đầu tiên, dấu gạch ngang trong hàng thứ hai để xác định các cột, và sau đó thêm thông tin của bạn bên dưới. Giữ mọi thứ gọn gàng cho việc đọc dễ hơn. Một số trình soạn thảo Markdown có thể giúp bạn định dạng bảng dễ dàng hơn.
Để căn chỉnh văn bản trong bảng:
:---:---:---:Chỉ cần thay đổi dấu gạch ngang dưới cột bạn muốn căn chỉnh trong hàng thứ hai.
Nhiều trình soạn thảo Markdown, như Typora hoặc Zettlr, có các phím tắt để nhanh chóng chèn một cấu trúc bảng trống. Ví dụ, trong Typora trên Windows, nhấn Ctrl + T sẽ đặt một bảng trống vào tài liệu của bạn. Hãy kiểm tra hướng dẫn của trình soạn thảo của bạn để biết các phím tắt cụ thể.
Để thụt lề một khối mã, hãy thêm một dòng trống trước và sau mã của bạn, và thụt mỗi dòng của mã với ít nhất 4 khoảng trắng hoặc 1 tab. Điều này cho phép Markdown định dạng nó theo cách đặc biệt, thường với một kiểu phông chữ khác để nổi bật như mã.