HTML <code> 태그
예시
문서에서 일부 텍스트를 컴퓨터 코드로 정의:
<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>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
<code>
태그는 컴퓨터 코드를 정의하는 데 사용됩니다 . 내부 콘텐츠는 브라우저의 기본 고정 폭 글꼴로 표시됩니다.
팁: 이 태그는 더 이상 사용되지 않습니다. 그러나 CSS를 사용하면 더 풍부한 효과를 얻을 수 있습니다(아래 예 참조).
또한 다음을 참조하십시오.
Tag | Description |
---|---|
<samp> | Defines sample output from a computer program |
<kbd> | Defines keyboard input |
<var> | Defines a variable |
<pre> | Defines preformatted text |
브라우저 지원
Element | |||||
---|---|---|---|---|---|
<code> | Yes | Yes | Yes | Yes | Yes |
전역 속성
<code>
태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<code>
태그는 HTML의 이벤트 속성 도 지원합니다 .
더 많은 예
예시
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>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>
관련 페이지
HTML 튜토리얼: HTML 텍스트 서식
HTML DOM 참조: 코드 개체
기본 CSS 설정
대부분의 브라우저는 <code>
다음 기본값으로 요소를 표시합니다.
예시
code {
font-family: monospace;
}