Cú pháp cơ bản của HTML
Gần như tất cả các ứng dụng Markdown đều hỗ trợ cú pháp cơ bản được nêu trong tài liệu thiết kế Markdown gốc. Có các biến thể và khác biệt nhỏ giữa các bộ xử lý Markdown — chúng được ghi chú nội tuyến bất cứ khi nào có thể Show
tiêu đềĐể tạo tiêu đề, hãy thêm dấu số ( 5) trước một từ hoặc cụm từ. Số ký hiệu số bạn sử dụng phải tương ứng với cấp tiêu đề. Ví dụ: để tạo tiêu đề cấp ba (), sử dụng ba dấu số (e. g. , > Dorothy followed her through many of the beautiful rooms in her castle. > >> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood. 6). Đầu ra kết xuất HTML Markdown > Dorothy followed her through many of the beautiful rooms in her castle. > >> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood. 7____08> Dorothy followed her through many of the beautiful rooms in her castle. > >> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood. 9> #### The quarterly results look great! > > - Revenue was off the chart. > - Profits were higher than ever. > > *Everything* is going according to **plan**. 0Tiêu đề cấp 2 1 2Tiêu đề cấp 3 3____54Tiêu đề cấp 4 5 6Tiêu đề cấp 5 7____58Đầu cấp 6Cú pháp thay thếNgoài ra, trên dòng bên dưới văn bản, hãy thêm bất kỳ số lượng ký tự nào gồm 59 ký tự cho tiêu đề cấp 1 hoặc 150 ký tự cho tiêu đề cấp 2 Đầu ra kết xuất HTML Markdown 51____08 53 0Tiêu đề cấp 2Tiêu đề thực tiễn tốt nhấtCác ứng dụng Markdown không đồng ý về cách xử lý khoảng trống bị thiếu giữa các ký hiệu số ( 5) và tên tiêu đề. Để tương thích, luôn đặt khoảng cách giữa các ký hiệu số và tên tiêu đề✅ Làm cái này❌ Đừng làm cái này 56 57Bạn cũng nên đặt các dòng trống trước và sau tiêu đề để tương thích ✅ Làm cái này❌ Đừng làm cái này 58 59 50đoạn vănĐể tạo đoạn văn, hãy sử dụng một dòng trống để phân tách một hoặc nhiều dòng văn bản MarkdownHTMLRendered Output____251 52 53Tôi thực sự thích sử dụng Markdown Tôi nghĩ rằng tôi sẽ sử dụng nó để định dạng tất cả các tài liệu của mình kể từ bây giờ Thực tiễn tốt nhất về đoạnTrừ khi đoạn văn nằm trong danh sách, không thụt lề các đoạn văn có dấu cách hoặc tab Ghi chú. Nếu bạn cần thụt lề đoạn văn trong đầu ra, hãy xem phần về cách thụt lề (tab) ✅ Làm cái này❌ Đừng làm cái này 54 55 56ngắt dòngĐể tạo ngắt dòng hoặc xuống dòng mới ( 57), hãy kết thúc một dòng bằng hai dấu cách trở lên, rồi nhập returnMarkdownHTMLRendered Output____258 59Đây là dòng đầu tiên. Các phương pháp hay nhất về ngắt dòngBạn có thể sử dụng hai hoặc nhiều khoảng trắng (thường được gọi là "khoảng trắng ở cuối") để ngắt dòng trong hầu hết mọi ứng dụng Markdown, nhưng điều đó gây tranh cãi. Thật khó để nhìn thấy khoảng trắng ở cuối trong trình soạn thảo và nhiều người vô tình hoặc cố ý đặt hai khoảng trắng sau mỗi câu. Vì lý do này, bạn có thể muốn sử dụng thứ gì đó ngoài khoảng trắng ở cuối để ngắt dòng. Nếu ứng dụng Markdown của bạn hỗ trợ HTML, bạn có thể sử dụng thẻ HTML 57Để tương thích, hãy sử dụng khoảng trắng ở cuối hoặc thẻ HTML 57 ở cuối dòngCó hai tùy chọn khác tôi không khuyên bạn nên sử dụng. CommonMark và một vài ngôn ngữ đánh dấu nhẹ khác cho phép bạn nhập dấu gạch chéo ngược ( 72) ở cuối dòng, nhưng không phải tất cả các ứng dụng Markdown đều hỗ trợ điều này, vì vậy đây không phải là một lựa chọn tuyệt vời từ góc độ tương thích. Và ít nhất một vài ngôn ngữ đánh dấu nhẹ không yêu cầu bất cứ thứ gì ở cuối dòng — chỉ cần nhập return và chúng sẽ tạo ngắt dòng✅ Làm cái này❌ Đừng làm cái này 73 74nhấn mạnhBạn có thể nhấn mạnh bằng cách in đậm hoặc in nghiêng văn bản In đậmĐể in đậm văn bản, hãy thêm hai dấu hoa thị hoặc dấu gạch dưới trước và sau một từ hoặc cụm từ. Để in đậm phần giữa của một từ để nhấn mạnh, hãy thêm hai dấu hoa thị không có dấu cách xung quanh các chữ cái MarkdownHTMLRendered Output____375 76Tôi chỉ thích văn bản in đậm. 77 76Tôi chỉ thích chữ in đậm. 79 50LoveisboldCác phương pháp hay nhất táo bạoCác ứng dụng Markdown không đồng ý về cách xử lý dấu gạch dưới ở giữa một từ. Để tương thích, hãy sử dụng dấu hoa thị để in đậm ở giữa từ để nhấn mạnh ✅ Làm cái này❌ Đừng làm cái này 79 52chữ nghiêngĐể in nghiêng văn bản, hãy thêm một dấu hoa thị hoặc dấu gạch dưới trước và sau một từ hoặc cụm từ. Để in nghiêng phần giữa của một từ để nhấn mạnh, hãy thêm một dấu hoa thị không có dấu cách xung quanh các chữ cái MarkdownHTMLRendered Output_______453 54Văn bản in nghiêng là tiếng mèo kêu. 55 54Văn bản in nghiêng là tiếng mèo kêu. 57 58AcatmeoThực tiễn tốt nhất về chữ nghiêngCác ứng dụng Markdown không đồng ý về cách xử lý dấu gạch dưới ở giữa một từ. Để tương thích, hãy sử dụng dấu hoa thị để in nghiêng giữa từ để nhấn mạnh ✅ Làm cái này❌ Đừng làm cái này 57 50Đậm và nghiêngĐể nhấn mạnh văn bản in đậm và in nghiêng cùng một lúc, hãy thêm ba dấu hoa thị hoặc dấu gạch dưới trước và sau một từ hoặc cụm từ. Để in đậm và in nghiêng phần giữa của một từ để nhấn mạnh, hãy thêm ba dấu hoa thị không có dấu cách xung quanh các chữ cái MarkdownHTMLRendered Output____551 52Văn bản này thực sự quan trọng. 53 52Văn bản này thực sự quan trọng. 55 52Văn bản này thực sự quan trọng. 57 52Văn bản này thực sự quan trọng. 59 50Đây là văn bản thực sự rất quan trọngGhi chú. Thứ tự của các thẻ 51 và 52 có thể bị đảo ngược tùy thuộc vào bộ xử lý Markdown mà bạn đang sử dụngCác phương pháp hay nhất về chữ đậm và chữ nghiêngCác ứng dụng Markdown không đồng ý về cách xử lý dấu gạch dưới ở giữa một từ. Để tương thích, hãy sử dụng dấu hoa thị để in đậm và in nghiêng giữa từ để nhấn mạnh ✅ Làm cái này❌ Đừng làm cái này 59 54trích dẫn khốiĐể tạo một blockquote, hãy thêm một 55 trước một đoạn văn 1Kết quả đầu ra trông như thế này
Blockquotes với nhiều đoạn vănBlockquotes có thể chứa nhiều đoạn văn. Thêm một 55 vào các dòng trống giữa các đoạn văn 3Kết quả đầu ra trông như thế này
Blockquotes lồng nhauBlockquotes có thể được lồng vào nhau. Thêm một 57 trước đoạn bạn muốn lồng
Kết quả đầu ra trông như thế này
Blockquotes với các yếu tố khácBlockquotes có thể chứa các phần tử được định dạng Markdown khác. Không phải tất cả các yếu tố đều có thể được sử dụng — bạn sẽ cần thử nghiệm để xem yếu tố nào hiệu quả
Kết quả đầu ra trông như thế này
Blockquotes Thực tiễn tốt nhấtĐể tương thích, hãy đặt các dòng trống trước và sau các đoạn trích dẫn ✅ Làm điều này❌ Đừng làm điều này 58 59 300danh sáchBạn có thể sắp xếp các mục thành danh sách có thứ tự và không có thứ tự Danh sách theo thứ tựĐể tạo danh sách theo thứ tự, hãy thêm mục hàng có số theo sau là dấu chấm. Các số không nhất thiết phải theo thứ tự số, nhưng danh sách phải bắt đầu bằng số một MarkdownHTMLRendered Output____7301 302
303 302
305 302
307 308
Danh sách theo thứ tự Thực tiễn tốt nhấtCommonMark và một vài ngôn ngữ đánh dấu nhẹ khác cho phép bạn sử dụng dấu ngoặc đơn ( 309) làm dấu phân cách (e. g. , 310), nhưng không phải tất cả các ứng dụng Markdown đều hỗ trợ điều này, vì vậy đây không phải là một lựa chọn tuyệt vời từ góc độ tương thích. Để tương thích, chỉ sử dụng các khoảng thời gian✅ Làm cái này❌ Đừng làm cái này 311 312Danh sách không có thứ tựĐể tạo danh sách không có thứ tự, hãy thêm dấu gạch ngang ( 313), dấu hoa thị ( 314) hoặc dấu cộng ( 315) trước các chi tiết đơn hàng. Thụt lề một hoặc nhiều mục để tạo danh sách lồng nhauMarkdownHTMLRendered Output____7316 317
318 317
320 317
322 323
Bắt đầu các mục danh sách không có thứ tự với các sốNếu bạn cần bắt đầu một mục danh sách không có thứ tự với một số theo sau là dấu chấm, bạn có thể sử dụng dấu gạch chéo ngược ( 72) để thoát khỏi dấu chấmMarkdownHTMLRendered Output____7325 326
Danh sách không có thứ tự Thực tiễn tốt nhấtCác ứng dụng Markdown không đồng ý về cách xử lý các dấu phân cách khác nhau trong cùng một danh sách. Để tương thích, không trộn lẫn các dấu phân cách trong cùng một danh sách — hãy chọn một và gắn bó với nó ✅ Làm điều này❌ Đừng làm điều này 316 328Thêm phần tử trong danh sáchĐể thêm một phần tử khác vào danh sách trong khi vẫn duy trì tính liên tục của danh sách, hãy thụt lề phần tử đó bốn dấu cách hoặc một tab, như minh họa trong các ví dụ sau Mẹo. Nếu mọi thứ không xuất hiện theo cách bạn mong đợi, hãy kiểm tra kỹ xem bạn đã thụt lề các thành phần trong danh sách bốn dấu cách hay một tab chưa đoạn văn 5Kết quả đầu ra trông như thế này
trích dẫn khối 5Kết quả đầu ra trông như thế này
khối mãCác khối mã thường được thụt vào bốn dấu cách hoặc một tab. Khi chúng ở trong một danh sách, hãy thụt lề tám dấu cách hoặc hai tab 7Kết quả đầu ra trông như thế này
Hình ảnh 5Kết quả đầu ra trông như thế này
danh sáchBạn có thể lồng danh sách không có thứ tự vào danh sách có thứ tự hoặc ngược lại 5Kết quả đầu ra trông như thế này
Mã sốĐể biểu thị một từ hoặc cụm từ dưới dạng mã, hãy đặt nó trong dấu gạch ngược ( 329)MarkdownHTMLRendered Output____7330 331. Tại dấu nhắc lệnh, gõ 332Thoát khỏi BackticksNếu từ hoặc cụm từ bạn muốn biểu thị dưới dạng mã bao gồm một hoặc nhiều dấu gạch ngược, bạn có thể thoát nó bằng cách đặt từ hoặc cụm từ đó trong dấu gạch ngược kép ( 333)MarkdownHTMLRendered Output____7334 335 336khối mãĐể tạo các khối mã, hãy thụt lề mỗi dòng của khối ít nhất bốn khoảng trắng hoặc một tab 30Kết quả đầu ra trông như thế này 31quy tắc ngangĐể tạo quy tắc ngang, hãy sử dụng ba hoặc nhiều dấu hoa thị ( 337), dấu gạch ngang ( 338) hoặc dấu gạch dưới ( 339) trên một dòng 32Đầu ra được hiển thị của cả ba trông giống hệt nhau Thực hành tốt nhất theo quy tắc ngangĐể tương thích, hãy đặt các dòng trống trước và sau các đường kẻ ngang ✅ Làm điều này❌ Đừng làm điều này 340 341 342liên kếtĐể tạo một liên kết, hãy đặt văn bản liên kết trong ngoặc đơn (e. g. , 343) và sau đó theo dõi nó ngay lập tức với URL trong ngoặc đơn (e. g. , 344) 33Kết quả đầu ra trông như thế này Công cụ tìm kiếm yêu thích của tôi là Duckduckgo Thêm tiêu đềBạn có thể tùy ý thêm tiêu đề cho liên kết. Điều này sẽ xuất hiện dưới dạng chú giải công cụ khi người dùng di chuột qua liên kết. Để thêm tiêu đề, hãy đặt tiêu đề đó trong dấu ngoặc kép sau URL 34Kết quả đầu ra trông như thế này Công cụ tìm kiếm yêu thích của tôi là Duckduckgo URL và địa chỉ emailĐể nhanh chóng biến một URL hoặc địa chỉ email thành một liên kết, hãy đặt nó trong dấu ngoặc nhọn 35Kết quả đầu ra trông như thế này https. //www. hướng dẫn đánh dấu. org Để nhấn mạnh các liên kết, hãy thêm dấu sao trước và sau dấu ngoặc đơn và dấu ngoặc đơn. Để biểu thị các liên kết dưới dạng mã, hãy thêm backticks trong ngoặc 36Kết quả đầu ra trông như thế này Tôi thích ủng hộ EFF. 345. Liên kết kiểu tham chiếu là một loại liên kết đặc biệt giúp hiển thị và đọc URL dễ dàng hơn trong Markdown. Liên kết kiểu tham chiếu được xây dựng thành hai phần. phần bạn giữ nội tuyến với văn bản của mình và phần bạn lưu trữ ở nơi khác trong tệp để giữ cho văn bản dễ đọc Định dạng phần đầu tiên của liên kếtPhần đầu tiên của liên kết kiểu tham chiếu được định dạng bằng hai bộ dấu ngoặc. Bộ dấu ngoặc đầu tiên bao quanh văn bản sẽ xuất hiện được liên kết. Bộ dấu ngoặc thứ hai hiển thị nhãn được sử dụng để trỏ đến liên kết bạn đang lưu trữ ở nơi khác trong tài liệu của mình Mặc dù không bắt buộc, bạn có thể bao gồm khoảng cách giữa bộ dấu ngoặc thứ nhất và thứ hai. Nhãn trong bộ dấu ngoặc thứ hai không phân biệt chữ hoa chữ thường và có thể bao gồm các chữ cái, số, dấu cách hoặc dấu chấm câu Điều này có nghĩa là các định dạng ví dụ sau gần như tương đương với phần đầu tiên của liên kết
Định dạng phần thứ hai của liên kếtPhần thứ hai của liên kết kiểu tham chiếu được định dạng với các thuộc tính sau
Điều này có nghĩa là các định dạng ví dụ sau gần như tương đương với phần thứ hai của liên kết
Bạn có thể đặt phần thứ hai này của liên kết ở bất kỳ đâu trong tài liệu Markdown của mình. Một số người đặt chúng ngay sau đoạn mà chúng xuất hiện trong khi những người khác đặt chúng ở cuối tài liệu (như chú thích cuối trang hoặc chú thích cuối trang) Một ví dụ đặt các bộ phận lại với nhauGiả sử bạn thêm một URL dưới dạng liên kết URL chuẩn vào một đoạn văn và nó trông như thế này trong Markdown 37Mặc dù nó có thể trỏ đến thông tin bổ sung thú vị, nhưng URL được hiển thị thực sự không bổ sung nhiều vào văn bản thô hiện có ngoài việc khiến nó khó đọc hơn. Để khắc phục điều đó, thay vào đó, bạn có thể định dạng URL như thế này 38Trong cả hai trường hợp trên, đầu ra được hiển thị sẽ giống hệt nhau
và HTML cho liên kết sẽ là 39Liên kết thực tiễn tốt nhấtCác ứng dụng Markdown không đồng ý về cách xử lý khoảng trắng ở giữa URL. Để tương thích, hãy thử mã hóa URL bất kỳ khoảng trắng nào bằng 356. Ngoài ra, nếu ứng dụng Markdown của bạn hỗ trợ HTML, bạn có thể sử dụng thẻ HTML 357✅ Làm điều này❌ Đừng làm điều này 358 359 360Hình ảnhĐể thêm hình ảnh, hãy thêm dấu chấm than ( 361), theo sau là văn bản thay thế trong ngoặc và đường dẫn hoặc URL tới nội dung hình ảnh trong ngoặc đơn. Bạn có thể tùy chọn thêm tiêu đề trong dấu ngoặc kép sau đường dẫn hoặc URL 0Kết quả đầu ra trông như thế này Liên kết hình ảnhĐể thêm liên kết vào hình ảnh, hãy đặt Markdown cho hình ảnh trong ngoặc, sau đó thêm liên kết vào trong ngoặc đơn 1Kết quả đầu ra trông như thế này nhân vật trốn thoátĐể hiển thị một ký tự chữ thường được sử dụng để định dạng văn bản trong tài liệu Markdown, hãy thêm dấu gạch chéo ngược ( 72) trước ký tự 2Kết quả đầu ra trông như thế này * Nếu không có dấu gạch chéo ngược, đây sẽ là một dấu đầu dòng trong danh sách không có thứ tự Nhân vật bạn có thể trốn thoátBạn có thể sử dụng dấu gạch chéo ngược để thoát khỏi các ký tự sau Tên ký tự\dấu chéo ngược`dấu lùi (xem thêm dấu gạch ngược thoát trong mã)*dấu gạch dưới dấu hoa thị{ }dấu ngoặc nhọn[ ]dấu ngoặc < >dấu ngoặc góc( )dấu ngoặc đơn#dấu thăng+dấu cộng-dấu trừ (gạch nối). dấu chấm. dấu chấm than. đường ống (xem thêm đường ống thoát trong bảng)HTMLNhiều ứng dụng Markdown cho phép bạn sử dụng các thẻ HTML trong văn bản có định dạng Markdown. Điều này hữu ích nếu bạn thích một số thẻ HTML nhất định hơn cú pháp Markdown. Ví dụ: một số người thấy sử dụng thẻ HTML cho hình ảnh dễ dàng hơn. Sử dụng HTML cũng hữu ích khi bạn cần thay đổi các thuộc tính của một phần tử, chẳng hạn như chỉ định màu của văn bản hoặc thay đổi độ rộng của hình ảnh Để sử dụng HTML, hãy đặt các thẻ vào văn bản của tệp có định dạng Markdown của bạn 3Kết quả đầu ra trông như thế này Từ này in đậm. từ này in nghiêng Các phương pháp hay nhất về HTMLVì lý do bảo mật, không phải tất cả các ứng dụng Markdown đều hỗ trợ HTML trong tài liệu Markdown. Khi nghi ngờ, hãy kiểm tra tài liệu của ứng dụng Markdown của bạn. Một số ứng dụng chỉ hỗ trợ một tập hợp con các thẻ HTML Cú pháp của HTML là gì?Cú pháp là sự sắp xếp các thành phần và thuộc tính để tạo tài liệu đúng định dạng . Ngữ nghĩa liên quan đến ý nghĩa. Trong HTML, đây là mục đích của các phần tử và thuộc tính, cũng như mối quan hệ logic (ý nghĩa và tham chiếu) giữa các phần tử và thuộc tính của các phần tử đó.
HTML và cú pháp cơ bản của HTML là gì?HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang Web . HTML mô tả cấu trúc của một trang Web. HTML bao gồm một loạt các yếu tố. Các phần tử HTML cho trình duyệt biết cách hiển thị nội dung. Các phần tử HTML gắn nhãn cho các phần nội dung, chẳng hạn như "đây là tiêu đề", "đây là một đoạn văn", "đây là liên kết", v.v.
Có bao nhiêu cú pháp trong HTML?Có 16 thuộc tính HTML có thể được sử dụng trên bất kỳ phần tử HTML nào. Tất cả đều là tùy chọn.
Cơ bản về HTML là gì?HTML (Ngôn ngữ đánh dấu siêu văn bản) là mã được sử dụng để cấu trúc một trang web và nội dung của nó. Ví dụ: nội dung có thể được cấu trúc trong một tập hợp các đoạn văn, danh sách các dấu đầu dòng hoặc sử dụng hình ảnh và bảng dữ liệu |