W3.CSS 코드


표시 예

w3-panel 클래스는 회색 컨테이너에 예제를 표시하는 데 사용됩니다 .

예시

  • 처녀
  • 이브
  • 아담


디스플레이 코드

w3-code 클래스는 읽을 수 있는 고정폭 글꼴로 코드를 표시하는 데 사용됩니다 .

예시

과일[0] = "바나나";
과일[1] = "사과";
과일[2] = "망고";
과일[3] = "자두";


인라인 코드 강조

w3-codespan 클래스는 인라인 코드를 강조 표시하는 데 사용됩니다 .

요소 는 htmlHTML 페이지를 정의합니다.

예시

The <code class="w3-codespan">html</code> element defines an HTML page.


컬러링 코드

W3Schools는 코드 색칠을 위한 JavaScript 라이브러리를 제공합니다.

예시

과일[0] = "바나나";
과일[1] = "사과";
과일[2] = "망고";
과일[3] = "자두";

여기에서 라이브러리를 다운로드할 수 있습니다: https://www.w3schools.com/lib/w3codecolor.js

w3codecolor.js 라이브러리를 사용하는 경우 아래에 설명된 코드 클래스도 사용할 수 있습니다.


JavaScript 코드 강조 표시

jsHigh 클래스는 JavaScript 코드를 강조 표시하는 데 사용됩니다 .

예시

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

HTML 코드 강조

htmlHigh 클래스는 HTML 코드를 강조 표시하는 데 사용됩니다 .

예시

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

CSS 코드 강조 표시

cssHigh 클래스는 CSS 코드를 강조 표시하는 데 사용됩니다 .

예시

<div class="w3-code cssHigh">

.. CSS code here

</div>