• 카테고리

    질문 & 답변
  • 세부 분야

    데브옵스 · 인프라

  • 해결 여부

    미해결

강의자료 html에 있는 소스코드처럼 어떻게 작성하나요?

22.08.21 22:02 작성 조회수 133

1

안녕하세요.
강의를 보면서 별도로 vscode로 정리하고 있습니다.
 
궁금한 부분은,
 
실습자료에서 html 파일강의안을 보면 vscode의 일부분처럼 되어서 코드가 표시되어 있는데
그렇게 작성하려면 어떻게 하는건지 알려 주시면 감사드리겠습니다.

답변 1

답변을 작성해보세요.

1

안녕하세요. HTML 파일 강의안에서 vscode의 일부분처럼 코드가 표시된 것이 궁금하다고 질문 주셨네요.

이 질문이 HTML 파일 내의 소스코드 부분에 검은색 배경과 특정 키워드에 색이 입혀진 방식이 궁금하다는 말씀인가요? 만약 그렇다면 제가 사용한 방법을 알려드릴게요.

 

제가 마크다운 형태로 수업 자료를 작성했고, typora라는 앱을 사용하여 마크다운을 html 파일로 변환했습니다. typora에는 문서를 꾸며주는 테마들이 존재했는데 이 테마들이 소스코드 부분을 그렇게 바꾸어주었어요.

순수한 HTML 안에서 소스코드에 색을 입히는 방법은 소스코드 하이라이팅으로 검색해보셔도 답을 찾으실 수 있겠습니다.