HTML 컴퓨터 코드 요소

❮ 이전 다음 장 ❯

컴퓨터 코드 요소

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

HTML 컴퓨터 코드 포맷

HTML은 일반적으로 변수 편지 크기와 간격을 사용합니다.

컴퓨터 코드의 예를 표시 할 때이 작업은 원하는되지 않습니다.

<kbd> , <samp> , 그리고 <code> 요소를 모두 지원 고정 글자 크기 및 간격.

HTML <kbd> 키보드 입력에 대한

html로는 <kbd> 요소는 키보드 입력을 정의한다 :

예

결과:

File | Open...

»그것을 자신을 시도

HTML <samp> 컴퓨터 출력

html로는 <samp> 요소는 컴퓨터 프로그램에서 샘플 출력을 정의합니다 :

예

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

결과:

demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189

»그것을 자신을 시도

HTML <code> 컴퓨터 코드의 경우

html로는 <code> 요소는 프로그래밍 코드의 조각을 정의한다 :

예

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

결과:


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

»그것을 자신을 시도

것을 알 <code> 요소는 여분의 공백과 줄 바꿈을 보존하지 않습니다.

이 문제를 해결하려면, 당신은 넣을 수 있습니다 <code> , 안쪽 요소 <pre> 요소 :

예

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

결과:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

»그것을 자신을 시도

HTML <var> 변수

html로 <var> 요소는 변수를 정의합니다.

변수는 수식 또는 프로그래밍 컨텍스트에서 변수에 변수가 될 수있다 :

예

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

결과:

Einstein wrote: E = m c ² .

»그것을 자신을 시도

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3»