Thẻ <code> HTML


Thí dụ

Xác định một số văn bản dưới dạng mã máy tính trong tài liệu:

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

Thêm các ví dụ "Hãy tự mình thử" bên dưới.


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

Thẻ <code>được sử dụng để xác định một đoạn mã máy tính. Nội dung bên trong được hiển thị bằng phông chữ monospace mặc định của trình duyệt.

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

Cũng nhìn vào:

Tag Description
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

Hỗ trợ trình duyệt

Element
<code> Yes Yes Yes Yes Yes

Thuộc tính toàn cầu

Thẻ <code>cũng hỗ trợ Thuộc tính chung trong HTML .


Thuộc tính sự kiện

Thẻ <code>cũng hỗ trợ Thuộc tính sự kiện trong HTML .


Các ví dụ khác

Thí dụ

Sử dụng CSS để tạo kiểu cho phần tử <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

</body>
</html>

Các trang liên quan

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

Tham chiếu HTML DOM: Đối tượng mã


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

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

Thí dụ

code {
  font-family: monospace;
}