Làm thế nào để bạn viết một thẻ trong html?
|
Ghi chú. Bản thân tài liệu này được viết bằng Markdown; . văn bản' vào URL Show
Tổng quanTriết họcMarkdown nhằm mục đích dễ đọc và dễ viết nhất có thể Tuy nhiên, khả năng đọc được nhấn mạnh hơn tất cả. Tài liệu có định dạng Markdown phải được xuất bản nguyên trạng, dưới dạng văn bản thuần túy, mà không có vẻ như được đánh dấu bằng thẻ hoặc hướng dẫn định dạng. Mặc dù cú pháp của Markdown đã bị ảnh hưởng bởi một số bộ lọc chuyển văn bản sang HTML hiện có — bao gồm Setext, atx, Textile, reStructuredText, Grutatext và EtText — nguồn cảm hứng lớn nhất duy nhất cho cú pháp của Markdown là định dạng của email văn bản thuần túy Cuối cùng, cú pháp của Markdown hoàn toàn bao gồm các ký tự dấu chấm câu, các ký tự dấu chấm câu này đã được chọn cẩn thận để trông giống như ý nghĩa của chúng. e. g. , dấu hoa thị xung quanh một từ thực sự trông giống như *nhấn mạnh*. Danh sách đánh dấu trông giống như danh sách. Ngay cả các đoạn trích dẫn cũng trông giống như các đoạn văn bản được trích dẫn, giả sử bạn đã từng sử dụng email HTML nội tuyếnCú pháp của Markdown được dành cho một mục đích. được sử dụng làm định dạng để viết cho web Markdown không phải là sự thay thế cho HTML hoặc thậm chí gần với nó. Cú pháp của nó rất nhỏ, chỉ tương ứng với một tập con rất nhỏ các thẻ HTML. Ý tưởng không phải là tạo cú pháp giúp chèn thẻ HTML dễ dàng hơn. Theo tôi, các thẻ HTML đã dễ chèn. Ý tưởng cho Markdown là làm cho nó dễ đọc, viết và chỉnh sửa văn xuôi. HTML là một định dạng xuất bản; . Do đó, cú pháp định dạng của Markdown chỉ giải quyết các vấn đề có thể được chuyển tải bằng văn bản thuần túy Đối với bất kỳ đánh dấu nào không nằm trong cú pháp của Markdown, bạn chỉ cần sử dụng chính HTML. Không cần mở đầu hoặc giới hạn nó để chỉ ra rằng bạn đang chuyển từ Markdown sang HTML; Hạn chế duy nhất là các phần tử HTML cấp khối — e. g. Ví dụ: để thêm bảng HTML vào bài viết Markdown Lưu ý rằng cú pháp định dạng Markdown không được xử lý trong các thẻ HTML cấp khối. e. g. , bạn không thể sử dụng kiểu Markdown Các thẻ HTML cấp khoảng — e. g. Không giống như các thẻ HTML cấp độ khối, cú pháp Markdown được xử lý trong các thẻ cấp độ nhịp Tự động thoát cho các ký tự đặc biệtTrong HTML, có hai ký tự cần được xử lý đặc biệt. Dấu và nói riêng đang gây ám ảnh cho các nhà văn web. Nếu bạn muốn viết về ‘AT&T’, bạn cần viết ‘ bạn cần mã hóa URL dưới dạng trong thẻ neo của bạn Markdown cho phép bạn sử dụng các ký tự này một cách tự nhiên, đảm bảo tất cả các lối thoát cần thiết cho bạn. Nếu bạn sử dụng dấu và như một phần của thực thể HTML, thì nó sẽ không thay đổi; Vì vậy, nếu bạn muốn bao gồm một biểu tượng bản quyền trong bài viết của mình, bạn có thể viết và Markdown sẽ để nó yên. Nhưng nếu bạn viết Markdown sẽ dịch nó sang Tương tự, vì Markdown hỗ trợ HTML nội tuyến, nếu bạn sử dụng dấu ngoặc nhọn làm dấu phân cách cho thẻ HTML, Markdown sẽ xử lý chúng như vậy. Nhưng nếu bạn viết Markdown sẽ dịch nó sang Tuy nhiên, bên trong các khoảng và khối mã Markdown, dấu ngoặc nhọn và dấu và luôn được mã hóa tự động. Điều này giúp dễ dàng sử dụng Markdown để viết về mã HTML. (Trái ngược với HTML thô, đây là một định dạng tồi tệ để viết về cú pháp HTML, bởi vì mỗi Phần tử khốiĐoạn văn và ngắt dòngMột đoạn văn chỉ đơn giản là một hoặc nhiều dòng văn bản liên tiếp, được phân tách bằng một hoặc nhiều dòng trống. (Một dòng trống là bất kỳ dòng nào trông giống như một dòng trống — một dòng không chứa gì ngoài khoảng trắng hoặc tab được coi là trống. ) Các đoạn thông thường không được thụt lề bằng dấu cách hoặc tab Hàm ý của quy tắc “một hoặc nhiều dòng văn bản liên tiếp” là Markdown hỗ trợ các đoạn văn bản “được bọc cứng”. Điều này khác biệt đáng kể so với hầu hết các trình định dạng văn bản sang HTML khác (bao gồm cả tùy chọn “Chuyển đổi ngắt dòng” của Movable Type), dịch mọi ký tự ngắt dòng trong một đoạn thành thẻ Khi bạn muốn chèn thẻ ngắt Vâng, điều này cần nhiều nỗ lực hơn để tạo một tiêu đềMarkdown hỗ trợ hai kiểu tiêu đề, Setext và atx Tiêu đề kiểu setext được "gạch chân" bằng cách sử dụng dấu bằng (đối với tiêu đề cấp một) và dấu gạch ngang (đối với tiêu đề cấp hai). Ví dụ Bất kỳ số gạch chân nào của Tiêu đề kiểu Atx sử dụng 1-6 ký tự băm ở đầu dòng, tương ứng với cấp độ tiêu đề 1-6. Ví dụ Theo tùy chọn, bạn có thể “đóng” các tiêu đề kiểu atx. Đây hoàn toàn là mỹ phẩm — bạn có thể sử dụng cái này nếu bạn nghĩ nó trông đẹp hơn. Băm đóng thậm chí không cần khớp với số lượng băm được sử dụng để mở tiêu đề. (Số lượng băm mở xác định cấp độ tiêu đề. ) trích dẫn khốiMarkdown sử dụng các ký tự Markdown cho phép bạn lười biếng và chỉ đặt Blockquotes có thể được lồng vào nhau (i. e. một blockquote-in-an-blockquote) bằng cách thêm các mức bổ sung của ________ 1708 Blockquote có thể chứa các phần tử Markdown khác, bao gồm tiêu đề, danh sách và khối mã Bất kỳ trình soạn thảo văn bản phù hợp nào cũng sẽ giúp việc trích dẫn kiểu email trở nên dễ dàng. Ví dụ: với BBEdit, bạn có thể thực hiện lựa chọn và chọn Tăng mức báo giá từ menu Văn bản danh sáchMarkdown hỗ trợ danh sách có thứ tự (đánh số) và không có thứ tự (gạch đầu dòng) Danh sách không có thứ tự sử dụng dấu hoa thị, dấu cộng và dấu gạch ngang — có thể hoán đổi cho nhau — làm dấu danh sách tương đương với và Danh sách có thứ tự sử dụng số theo sau là dấu chấm Điều quan trọng cần lưu ý là các số thực tế bạn sử dụng để đánh dấu danh sách không ảnh hưởng đến đầu ra HTML mà Markdown tạo ra. HTML Markdown tạo ra từ danh sách trên là Thay vào đó, nếu bạn đã viết danh sách trong Markdown như thế này hoặc thậm chí bạn sẽ nhận được đầu ra HTML chính xác như vậy. Vấn đề là, nếu muốn, bạn có thể sử dụng các số thứ tự trong danh sách Markdown được sắp xếp để các số trong nguồn của bạn khớp với các số trong HTML đã xuất bản của bạn. Nhưng nếu bạn muốn lười biếng, bạn không cần phải Tuy nhiên, nếu bạn sử dụng cách đánh số danh sách lười biếng, bạn vẫn nên bắt đầu danh sách bằng số 1. Tại một thời điểm nào đó trong tương lai, Markdown có thể hỗ trợ bắt đầu danh sách theo thứ tự ở một số tùy ý Các điểm đánh dấu danh sách thường bắt đầu ở lề trái, nhưng có thể được thụt vào tối đa ba dấu cách. Dấu danh sách phải được theo sau bởi một hoặc nhiều dấu cách hoặc tab Để làm cho danh sách trông đẹp mắt, bạn có thể bọc các mục bằng cách thụt lề treo Nhưng nếu bạn muốn lười biếng, bạn không cần phải Nếu các mục trong danh sách được phân tách bằng các dòng trống, Markdown sẽ bọc các mục trong thẻ sẽ biến thành Nhưng điều này sẽ biến thành Các mục danh sách có thể bao gồm nhiều đoạn văn. Mỗi đoạn tiếp theo trong một mục danh sách phải được thụt lề bằng 4 dấu cách hoặc một tab Sẽ rất tuyệt nếu bạn thụt lề từng dòng của các đoạn tiếp theo, nhưng ở đây một lần nữa, Markdown sẽ cho phép bạn lười biếng Để đặt một blockquote trong một mục danh sách, các dấu phân cách Để đặt một khối mã trong một mục danh sách, khối mã cần được thụt vào hai lần — 8 dấu cách hoặc hai tab Điều đáng chú ý là có thể vô tình kích hoạt một danh sách có thứ tự bằng cách viết một cái gì đó như thế này Nói cách khác, một chuỗi số-dấu chấm-không gian ở đầu dòng. Để tránh điều này, bạn có thể thoát dấu gạch chéo ngược khỏi dấu chấm khối mãCác khối mã được định dạng trước được sử dụng để viết về lập trình hoặc mã nguồn đánh dấu. Thay vì tạo thành các đoạn văn bình thường, các dòng của khối mã được diễn giải theo nghĩa đen. Markdown bọc một khối mã trong cả hai thẻ Để tạo một khối mã trong Markdown, chỉ cần thụt lề mỗi dòng của khối ít nhất 4 dấu cách hoặc 1 tab. Ví dụ: với đầu vào này Markdown sẽ tạo ra Một mức thụt đầu dòng — 4 dấu cách hoặc 1 tab — được xóa khỏi mỗi dòng của khối mã. Ví dụ, điều này sẽ biến thành Một khối mã tiếp tục cho đến khi nó đến một dòng không được thụt vào (hoặc cuối bài viết) Trong một khối mã, dấu và ( sẽ biến thành Cú pháp Markdown thông thường không được xử lý trong các khối mã. e. g. , dấu hoa thị chỉ là dấu hoa thị theo nghĩa đen trong một khối mã. Điều này có nghĩa là cũng dễ dàng sử dụng Markdown để viết về cú pháp riêng của Markdown quy tắc ngangBạn có thể tạo thẻ quy tắc ngang ( Các yếu tố khoảng cáchliên kếtMarkdown hỗ trợ hai kiểu liên kết. nội tuyến và tham chiếu Trong cả hai kiểu, văn bản liên kết được phân cách bằng [dấu ngoặc vuông] Để tạo một liên kết nội tuyến, hãy sử dụng một tập hợp các dấu ngoặc đơn thông thường ngay sau dấu ngoặc vuông đóng của văn bản liên kết. Bên trong dấu ngoặc đơn, đặt URL mà bạn muốn liên kết trỏ đến, cùng với tiêu đề tùy chọn cho liên kết, được đặt trong dấu ngoặc kép. Ví dụ Sẽ sản xuất Nếu bạn đang đề cập đến một tài nguyên cục bộ trên cùng một máy chủ, bạn có thể sử dụng các đường dẫn tương đối Liên kết kiểu tham chiếu sử dụng bộ dấu ngoặc vuông thứ hai, bên trong đó bạn đặt nhãn bạn chọn để xác định liên kết Bạn có thể tùy chọn sử dụng khoảng trắng để phân tách các bộ dấu ngoặc Sau đó, ở bất kỳ đâu trong tài liệu, bạn xác định nhãn liên kết của mình như thế này, trên chính dòng đó Đó là
Ba định nghĩa liên kết sau đây là tương đương Ghi chú. Có một lỗi đã biết trong Markdown. làm ơn 1. 0. 1 để ngăn các trích dẫn đơn được sử dụng để phân định các tiêu đề liên kết URL liên kết có thể tùy chọn được bao quanh bởi dấu ngoặc nhọn Bạn có thể đặt thuộc tính tiêu đề trên dòng tiếp theo và sử dụng khoảng trắng hoặc tab bổ sung để đệm, có xu hướng trông đẹp hơn với các URL dài hơn Định nghĩa liên kết chỉ được sử dụng để tạo liên kết trong quá trình xử lý Markdown và được loại bỏ khỏi tài liệu của bạn ở đầu ra HTML Tên định nghĩa liên kết có thể bao gồm các chữ cái, số, dấu cách và dấu chấm câu — nhưng chúng không phân biệt chữ hoa chữ thường. e. g. hai liên kết này là tương đương Phím tắt tên liên kết ẩn cho phép bạn bỏ qua tên của liên kết, trong trường hợp đó, chính văn bản liên kết được sử dụng làm tên. Chỉ cần sử dụng một bộ dấu ngoặc vuông trống — e. g. , để liên kết từ “Google” với google. com, bạn chỉ cần viết Và sau đó xác định liên kết Bởi vì tên liên kết có thể chứa khoảng trắng, lối tắt này thậm chí hoạt động cho nhiều từ trong văn bản liên kết Và sau đó xác định liên kết Định nghĩa liên kết có thể được đặt ở bất kỳ đâu trong tài liệu Markdown của bạn. Tôi có xu hướng đặt chúng ngay sau mỗi đoạn mà chúng được sử dụng, nhưng nếu muốn, bạn có thể đặt tất cả chúng ở cuối tài liệu của mình, giống như chú thích cuối trang Đây là một ví dụ về các liên kết tham chiếu đang hoạt động Sử dụng phím tắt tên liên kết ẩn, thay vào đó bạn có thể viết Cả hai ví dụ trên sẽ tạo ra đầu ra HTML sau Để so sánh, đây là đoạn văn tương tự được viết bằng kiểu liên kết nội tuyến của Markdown Điểm của các liên kết kiểu tham chiếu không phải là chúng dễ viết hơn. Vấn đề là với các liên kết kiểu tham chiếu, nguồn tài liệu của bạn dễ đọc hơn rất nhiều. So sánh các ví dụ trên. sử dụng các liên kết kiểu tham chiếu, bản thân đoạn văn chỉ dài 81 ký tự; . Trong HTML thô, có nhiều đánh dấu hơn là văn bản Với các liên kết kiểu tham chiếu của Markdown, tài liệu nguồn gần giống với đầu ra cuối cùng hơn, như được hiển thị trong trình duyệt. Bằng cách cho phép bạn di chuyển siêu dữ liệu liên quan đến đánh dấu ra khỏi đoạn văn, bạn có thể thêm liên kết mà không làm gián đoạn dòng tường thuật của văn xuôi nhấn mạnhMarkdown coi dấu hoa thị ( sẽ sản xuất Bạn có thể sử dụng bất kỳ phong cách nào bạn thích; Nhấn mạnh có thể được sử dụng ở giữa một từ Nhưng nếu bạn bao quanh một Để tạo dấu hoa thị hoặc dấu gạch dưới theo nghĩa đen ở vị trí mà nếu không nó sẽ được sử dụng làm dấu phân cách nhấn mạnh, bạn có thể thoát khỏi dấu gạch chéo ngược Mã sốĐể chỉ ra một khoảng mã, hãy bọc nó bằng dấu ngoặc kép ( sẽ sản xuất Để bao gồm ký tự dấu gạch ngược theo nghĩa đen trong một khoảng mã, bạn có thể sử dụng nhiều dấu gạch ngược làm dấu phân cách mở và đóng cái nào sẽ tạo ra cái này Các dấu phân cách backtick xung quanh một khoảng mã có thể bao gồm khoảng trắng — một sau phần mở đầu, một trước khi đóng. Điều này cho phép bạn đặt các ký tự đánh dấu ngược bằng chữ ở đầu hoặc cuối của một khoảng mã sẽ sản xuất Với một khoảng mã, ký hiệu và dấu ngoặc nhọn được mã hóa tự động thành các thực thể HTML, điều này giúp dễ dàng bao gồm các thẻ HTML mẫu. Markdown sẽ biến điều này vào trong Bạn có thể viết cái này để sản xuất Hình ảnhPhải thừa nhận rằng khá khó để nghĩ ra một cú pháp “tự nhiên” để đặt hình ảnh vào định dạng tài liệu văn bản thuần túy Markdown sử dụng một cú pháp hình ảnh nhằm giống với cú pháp cho các liên kết, cho phép có hai kiểu. nội tuyến và tham chiếu Cú pháp hình ảnh nội tuyến trông như thế này Đó là
Cú pháp hình ảnh kiểu tham chiếu trông như thế này Trong đó “id” là tên của tham chiếu hình ảnh đã xác định. Tham chiếu hình ảnh được xác định bằng cú pháp giống với tham chiếu liên kết Khi viết bài này, Markdown không có cú pháp để chỉ định kích thước của hình ảnh; Điều khoản khácLiên kết tự độngMarkdown hỗ trợ kiểu phím tắt để tạo liên kết “tự động” cho URL và địa chỉ email. chỉ cần bao quanh URL hoặc địa chỉ email bằng dấu ngoặc nhọn. Điều này có nghĩa là nếu bạn muốn hiển thị văn bản thực của một URL hoặc địa chỉ email, đồng thời muốn nó là một liên kết có thể nhấp, thì bạn có thể thực hiện việc này Markdown sẽ biến điều này thành Các liên kết tự động cho địa chỉ email hoạt động tương tự, ngoại trừ việc Markdown cũng sẽ thực hiện một chút mã hóa thực thể thập phân và hex ngẫu nhiên để giúp che giấu địa chỉ của bạn khỏi spambot thu thập địa chỉ. Ví dụ, Markdown sẽ biến điều này vào một cái gì đó như thế này sẽ hiển thị trong trình duyệt dưới dạng liên kết có thể nhấp vào “[email được bảo vệ]” (Loại thủ thuật mã hóa thực thể này thực sự sẽ đánh lừa được nhiều, nếu không muốn nói là hầu hết, các bot thu thập địa chỉ, nhưng nó chắc chắn sẽ không đánh lừa được tất cả chúng. Tốt hơn là không có gì, nhưng một địa chỉ được xuất bản theo cách này cuối cùng có thể sẽ bắt đầu nhận được thư rác. ) Thoát dấu gạch chéo ngượcMarkdown cho phép bạn sử dụng các dấu gạch chéo ngược để tạo các ký tự chữ cái có ý nghĩa đặc biệt trong cú pháp định dạng của Markdown. Ví dụ: nếu bạn muốn bao quanh một từ bằng dấu hoa thị theo nghĩa đen (thay vì thẻ HTML Các thẻ HTML được viết như thế nào?Thẻ HTML được mô tả bằng thẻ, được soạn thảo bằng cách sử dụng các phần điểm . Các thẻ, ví dụ, và trực tiếp đưa nội dung vào trang. Các thẻ khác nhau, ví dụ: và trực tiếp đưa nội dung vào trang. Các thẻ khác nhau, ví dụ:
Tên thẻ trong HTML là gì?Thuộc tính tên chỉ định tên cho phần tử HTML . Thuộc tính tên này có thể được sử dụng để tham chiếu phần tử trong JavaScript. Đối với phần tử
thẻ viết với ví dụ là gì?Với sự trợ giúp của các thẻ, trình duyệt web có thể phân biệt giữa nội dung HTML và nội dung đơn giản.
. Thẻ HTML theo bảng chữ cái |
