HTML <code> 태그

정의 및 사용법

<code> 태그는 컴퓨터 코드 단락을 정의하며, 내용이 브라우저 기본 길이폰트로 표시됩니다。

훌륭한 팁:이 태그는 폐기되지 않았지만, CSS를 사용하여 더 풍부한 효과를 얻을 수 있습니다(아래 예제를 참조하세요)。

참조하십시오：

레이블 설명
<samp> 컴퓨터 프로그램의 예제 출력 정의 합니다。
<kbd> 키보드 입력 정의 합니다。
<var> 변수 정의 합니다。
<pre> предformatted 텍스트 정의 합니다。

또한 참조하십시오：

HTML 강의：HTML 텍스트 포맷

HTML DOM 참조서：Code 객체

예제

예제 1

문서에서 컴퓨터 코드로 일부 텍스트를 정의합니다：

<p>HTML <code>button</code> 태그는 클릭할 수 있는 버튼을 정의합니다.</p>
<p>CSS <code>background-color</code> 속성은 요소의 배경색을 정의합니다.</p>

직접 시험해 보세요

예제 2

CSS를 사용하여 <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> 태그는 클릭할 수 있는 버튼을 정의합니다.</p>
<p>CSS <code>background-color</code> 속성은 요소의 배경색을 정의합니다.</p>
</body>
</html>

직접 시험해 보세요

전역 속성

<code> 태그는 또한 HTML에서의 전역 속성。

이벤트 속성을 지원합니다

<code> 태그는 또한 HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 표시합니다 <code> 요소:

code {
  font-family: monospace;
}

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원