title: "<code>: 인라인 코드 요소"

slug: Web/HTML/Reference/Elements/code

original_slug: Web/HTML/Element/code

{{HTMLSidebar}}

**HTML `<code>` 요소**는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. 기본 스타일은 {{glossary("user agent", "사용자 에이전트")}}의 고정폭 글씨체입니다.

{{InteractiveExample("HTML Demo: &lt;code&gt;", "tabbed-shorter")}}

```html interactive-example

<p>

The <code>push()</code> method adds one or more elements to the end of an

array and returns the new length of the array.

</p>

```css interactive-example

code {

background-color: #eee;

border-radius: 3px;

font-family: courier, monospace;

padding: 0 3px;

}

<table class="properties">

<tbody>

<tr>

<th scope="row">

<a href="/ko/docs/Web/HTML/Guides/Content_categories">콘텐츠 카테고리</a>

</th>

<td>

<a href="/ko/docs/Web/HTML/Guides/Content_categories#플로우_콘텐츠"

>플로우 콘텐츠</a

>,

<a href="/ko/docs/Web/HTML/Guides/Content_categories#구문_콘텐츠"

>구문 콘텐츠</a

>, 뚜렷한 콘텐츠.

</td>

</tr>

<tr>

<th scope="row">가능한 콘텐츠</th>

<td>

<a href="/ko/docs/Web/HTML/Guides/Content_categories#구문_콘텐츠"

>구문 콘텐츠</a

>.

</td>

</tr>

<tr>

<th scope="row">태그 생략</th>

<td>불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.</td>

</tr>

<tr>

<th scope="row">가능한 부모 요소</th>

<td>

<a href="/ko/docs/Web/HTML/Guides/Content_categories#구문_콘텐츠"

>구문 콘텐츠</a

>를 허용하는 모든 요소.

</td>

</tr>

<tr>

<th scope="row">가능한 ARIA 역할</th>

<td>모두</td>

</tr>

<tr>

<th scope="row">DOM 인터페이스</th>

<td>{{domxref("HTMLElement")}}</td>

</tr>

</tbody>

</table>