[Markdown] 마크다운에서 html 태그나 소스코드를 그대로 표현하기

Copy URL

마크다운에서 소스 코드를 표현하는 방법을 알아봅시다. 이게 무슨말인가 하면, <input type="radio"> 를 라디오버튼이 아닌 소스코드 그 자체로 표현 해보자는 말입니다.

문장속 코드 표현

문장속에서 html 태그를 표시 하고 싶다든가 할 때는 해당 코드 혹은 태그를 ` 문자로 감싸면 됩니다. 이게 뭐냐면 보통의 키보드에서 숫자 1 자판 왼쪽, 탭키 위에 있는 문자입니다. 아래와 같이 사용하면 됩니다.

ex) 문장 속에서 `<br />` 소스코드 표현하기

이렇게 작성 하면 아래와 같은 결과물을 볼 수 있습니다.

ex) 문장 속에서 <br /> 소스코드 표현하기

마치 html 에서 <code></code> 태그를 사용한 것과 마찬가지 효과를 내는 것입니다.

소스코드 블럭 표현

소스코드 블럭을 표현하기 위해서는 ~~~ 이렇게 물결 표시를 소스코드 블럭 위아래로 표시해주면 됩니다. 마치 아래와 같습니다.

 ~~~
 <div>
   소스코드 블럭
 </div>
 ~~~

쉽죠? 지금 이 포스트도 마크다운을 이용하여 작성하고 있는데, 워드프레스에서 자동으로 지원해주니 참 편하네요.

끝.

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.