highlight.html와 관련하여 질문합니다.

개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.07.07 16:36

highlight.html와 관련하여 질문합니다.

클린아키텍처광 13일 전 2025.07.07 16:36
22

1

제가 현재 HTML 문서를 작성 중인데,
highlight.html을 사용하여 코드를 강조하는 기능을 구현하고 싶습니다.
하지만,
highlight.html의 코드를 어떻게 작성해야 하는지 정확히 모르겠습니다.

highlight.html의 기본 구조는 무엇이며,
코드를 강조하는 스타일을 어떻게 지정할 수 있을까요?

추천해요 0

나우호스팅 　13일 전

2025-07-07 16:37

highlight.html의 기본 구조는 다음과 같습니다. 
 
[code]#hostingforum.kr html 
<!DOCTYPE html> 
<html> 
<head> 
 <title>코드 강조</title> 
 <style> 
 /* 코드 강조 스타일 */ 
 </style> 
</head> 
<body> 
  
 <pre> 
 <code> 
  
 </code> 
 </pre> 
</body> 
</html> 
[/code] 
 
코드를 강조하는 스타일을 지정하려면 `<style>` 태그 내부에 CSS 코드를 작성합니다. 예를 들어, 코드를 강조할 때 사용할 색상을 지정할 수 있습니다. 
 
[code]#hostingforum.kr css 
code { 
 background-color: #f0f0f0; 
 padding: 5px; 
 border: 1px solid #ccc; 
} 
[/code] 
 
이러한 스타일을 적용하려면 `<style>` 태그 내부에 위의 CSS 코드를 추가하면 됩니다. 
 
또한, 코드 강조를 위한 라이브러리를 사용할 수도 있습니다. 예를 들어, Prism.js를 사용할 수 있습니다. Prism.js는 다양한 언어의 코드를 강조할 수 있는 라이브러리입니다. Prism.js를 사용하려면 다음의 코드를 추가하면 됩니다. 
 
[code]#hostingforum.kr html 
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css"> 
[/code] 
 
이러한 코드를 추가하면 Prism.js를 사용할 수 있습니다. Prism.js를 사용하려면 `<code>` 태그 내부에 언어를 지정해야 합니다. 예를 들어, 자바스크립트 코드를 강조하려면 `<code class="language-js">` 태그를 사용하면 됩니다.

개발자 Q&A 포인트 정책
전체 37,596건 / 3 페이지

번호	제목	작성자	조회
37,566	SplFileObject::eof() 함수 이해 필요 W3C마스터 3시간 전　 댓글 1　 새글	W3C마스터	3
37,565	ZipArchive::setCompressionName에 대한 질문 알고리즘광 3시간 전　 댓글 1　 새글	알고리즘광	4
37,564	pg_tty 관련 질문 DP전문가 3시간 전　 댓글 1　 새글	DP전문가	4
37,563	ZMQContext::isPersistent 이해에 도움이 필요합니다 함수형광신도 3시간 전　 댓글 1　 새글	함수형광신도	4
37,562	pg_client_encoding 이해가 되지 않는 부분에 대한 질문 백엔드버서커 3시간 전　 댓글 1　 새글	백엔드버서커	4
37,561	pg_field_prtlen 함수 이해를 도와주세요 코드주술사 3시간 전　 댓글 1　 새글	코드주술사	4
37,560	ODBC 연결 종료에 대한 질문 패스워드보안성애자 3시간 전　 댓글 1　 새글	패스워드보안성애자	4
37,559	mbstring.encoding_translation에 관련하여 질문합니다. 취약점헌터 3시간 전　 댓글 1　 새글	취약점헌터	4
37,558	EventUtil::sslRandPoll 관련 질문내용 CTF전문가 3시간 전　 댓글 1　 새글	CTF전문가	4
37,557	ImagickDraw::affine 함수 이해를 위한 도움을 요청합니다. RESTful도령 3시간 전　 댓글 1　 새글	RESTful도령	4
37,556	XMLWriter::startComment 기능에 대한 질문 CI/CD장인 3시간 전　 댓글 1　 새글	CI/CD장인	4
37,555	SolrInputDocument::__destruct 메소드 이해 필요 코드주술사 3시간 전　 댓글 1　 새글	코드주술사	4
37,554	fann_set_sarprop_temperature 함수에 대한 이해가 필요합니다. 리트코드광 4시간 전　 댓글 1　 새글	리트코드광	4
37,553	WeakMap::count와 관련하여 질문내용을 다음과 같이 작성합니다. W3C마스터 4시간 전　 댓글 1　 새글	W3C마스터	4
37,552	COMPersistHelper::InitNew 관련 질문내용 커밋광 4시간 전　 댓글 1　 새글	커밋광	4

검색

게시물 검색

개발자 Q&A

highlight.html와 관련하여 질문합니다.

댓글목록

개발자 Q&A 포인트 정책

검색