Trong HTML, có một số thẻ được thiết kế đặc biệt để hiển thị mã máy tính hoặc mã nguồn. Những thẻ này thường có một cách hiển thị khác biệt để phân biệt mã từ văn bản thông thường. Dưới đây là một số thẻ phổ biến được sử dụng để hiển thị mã máy tính:
<code>: Thẻ<code>được sử dụng để bao bọc một đoạn mã hoặc mã nguồn ngắn trong văn bản thông thường. Mã bên trong thẻ này sẽ được hiển thị với một font khác và thường nhỏ hơn so với văn bản chung.
html
<p>Đoạn mã dưới đây hiển thị thông báo trong JavaScript:</p>
<code>alert("Xin chào!");</code>
<pre>: Thẻ<pre>được sử dụng để hiển thị một khối mã máy tính hoặc mã nguồn có định dạng bằng cách giữ nguyên dấu cách và dòng mới. Thường được sử dụng khi bạn muốn hiển thị mã nguồn có định dạng một cách chính xác.
html
<pre>
function sayHello() {
alert("Xin chào!");
}
</pre>
<kbd>: Thẻ<kbd>được sử dụng để đại diện cho các phím trên bàn phím máy tính. Thường được sử dụng để hiển thị lệnh hoặc cú pháp phím tắt.
html
<p>Để lưu tệp, hãy nhấn phím <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>
<samp>: Thẻ<samp>được sử dụng để hiển thị kết quả của mã máy tính hoặc lệnh.
html
<p>Kết quả của phép tính 3 + 5 là <samp>8</samp>.</p>
Nhớ rằng cách hiển thị cụ thể có thể thay đổi dựa trên các quy tắc CSS và thiết kế của trang web của bạn. Sử dụng các thẻ này giúp mã máy tính và mã nguồn dễ đọc hơn và tạo ra một trải nghiệm tốt hơn cho người đọc. Trên đây là giới thiệu về Nhúng mã trong HTML