본문 바로가기
카테고리 없음

[html5] code 코드 태그 나타내기 코드 표시 쓰기 소스 코드 예제

by codeomni 2018. 8. 31.
반응형

 

안녕하세요.

 

웹 페이지에서 소스 코드를 쉽게 표시할 수 있는 태그가 있습니다.

html5에서는 <code> ~ </code>를 사용하면 소스 코드를 쉽게 나타낼 수 있습니다.

컴퓨터가 인식할 수 있는 프로그램만 사용가능합니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
    <head>
        <title>codeomni.tistory.com html5 code 코드 태그 나타내기 코드 표시 쓰기 소스 코드 예제</title>
        <style>
            body {
                background-color: #4571a0;
            }
        </style>
    </head>
    <body>
        <h1>codeomni</h1>
        <div id="box">
            <code>print(hello world!)</code>
        </div>
    </body>
</html>
cs

 

 

 

실행 화면입니다.

<code> ~ </code> 태그를 사용하여 쉽게 소스 코드를 보여줄 수 있습니다.

 

 

 

댓글