Thẻ HTML <code>

Định nghĩa và cách sử dụng

<code> Thẻ này được sử dụng để định nghĩa đoạn mã máy tính, nội dung hiển thị với font chữ rộng mặc định của trình duyệt.

Lưu ý:Lưu ý: Thẻ này không bị bỏ đi. Tuy nhiên, bạn có thể đạt được hiệu ứng phong phú hơn bằng cách sử dụng CSS (xem ví dụ dưới đây).

Xem thêm:

Thẻ Mô tả
<samp> Định nghĩa đầu ra của chương trình máy tính.
<kbd> Định nghĩa đầu vào từ bàn phím.
<var> Định nghĩa biến.
<pre> Định nghĩa văn bản định dạng trước.

Xem thêm:

Hướng dẫn HTML:Định dạng văn bản HTML

Tài liệu tham khảo HTML DOM:Đối tượng Code

Mô hình

Ví dụ 1

Định nghĩa một đoạn văn bản là mã máy tính trong tài liệu:

<p>HTML <code>button</code> nhãn xác định nút có thể nhấn.</p>
<p>CSS <code>background-color</code> thuộc tính xác định màu nền của phần tử.</p>

Thử nghiệm ngay

Ví dụ 2

Sử dụng CSS để thiết lập phong cách cho phần <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code> nhãn xác định nút có thể nhấn.</p>
<p>CSS <code>background-color</code> thuộc tính xác định màu nền của phần tử.</p>
</body>
</html>

Thử nghiệm ngay

Thuộc tính toàn cục

<code> Nhãn hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<code> Nhãn hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị các giá trị mặc định sau <code> Thành phần:

code {
  font-family: monospace;
}

Thử nghiệm ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ