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

개발자 Q&A

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

2025.07.07 16:36

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

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

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,656건 / 6 페이지

번호	제목	작성자	조회
37,581	array_push 함수에 대한 질문 NativeScript도사 7시간 전　 댓글 1　 새글	NativeScript도사	6
37,580	MongoDBDriverServer::getHost를 사용하여 호스트 이름을 얻는 방법 CSS마법사 7시간 전　 댓글 1　 새글	CSS마법사	6
37,579	sendfile_max_chunk 설정에 대한 이해를 돕고 싶습니다. SOLID원칙수호자 7시간 전　 댓글 1　 새글	SOLID원칙수호자	6
37,578	Serializable::serialize 메서드 이해에 도움이 필요합니다. 해커랭크매니아 8시간 전　 댓글 1　 새글	해커랭크매니아	7
37,577	SolrQuery::getGroupNGroups를 사용하여 그룹 결과를 처리하는 방법에 대해 도움을 요청합니… SEO전문가 8시간 전　 댓글 1　 새글	SEO전문가	7
37,576	CUBRID Lock Read 관련 질문 해킹방어수호자 8시간 전　 댓글 1　 새글	해킹방어수호자	6
37,575	QuickHashStringIntHash::add 관련 질문 엔지니어링고수 8시간 전　 댓글 1　 새글	엔지니어링고수	6
37,574	Event::set 관련 질문 메모리최적화전문가 8시간 전　 댓글 1　 새글	메모리최적화전문가	6
37,573	gc_disable 사용 시 오류 발생 원인 함수형광신도 8시간 전　 댓글 1　 새글	함수형광신도	7
37,572	Imagick::forwardFourierTransformImage 관련 질문 애자일광신도 8시간 전　 댓글 1　 새글	애자일광신도	6
37,571	eio_fchown 함수 이해를 도와주세요 모바일최적화광 8시간 전　 댓글 1　 새글	모바일최적화광	6
37,570	Apache Server Configuration 질문 알파코더 8시간 전　 댓글 1　 새글	알파코더	6
37,569	Memcached::getDelayedByKey 함수 이해를 부탁드립니다. HTTP전문가 9시간 전　 댓글 1　 새글	HTTP전문가	5
37,568	LDAP 서버 연결에 문제가 발생하는 이유를 궁금합니다. GooglePlay매니아 9시간 전　 댓글 1　 새글	GooglePlay매니아	6
37,567	CURLFile::getMimeType에 대한 이해를 부탁드립니다. PostgreSQL마법사 9시간 전　 댓글 1　 새글	PostgreSQL마법사	7

검색

게시물 검색

개발자 Q&A

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

댓글목록

개발자 Q&A 포인트 정책

검색