HTML 및 CSS 파일의 코드 조각에 구문 강조를 어떻게 적용합니까?

Question

최근에 HTML과 CSS를 배우기 시작했어요.

<code></code>을 사용하면 구문이 자동으로 강조 표시되기를 바라지만 일반 흑백 텍스트로 표시됩니다.

현재 모습은 다음과 같습니다.

으아아아

나는 다음과 같이 보이기를 원합니다:

으아아아

HTML과 CSS만 사용해서 구현할 수 있나요?

Answer 1

번호

---

더 자세한 마크업과 CSS가 필요합니다.

예:

으아아아 으아아아

---

이 작업을 자동으로하려면 프로그래밍 언어가 필요합니다. 이를 사용하여 브라우저에 코드를 전달하기 전에 코드를 사전 처리하거나, 페이지가 로드된 후 클라이언트측 JavaScript를 사용하여 코드를 처리할 수 있습니다.

이용 가능한 다양한 라이브러리가 있습니다.