HTML 컴퓨터 코드(HTML Computercode)
HTML Computer Code Formatting
컴퓨터 코드를 정의하는 태그들에 대해 알아본다,
이 태그들을 사용한다고 해서 그 자체만으로 어떠한 특별한 기능을 갖는것은 아니다.
(속성을 통해 이벤트를 부여하는 등은 가능하다.)
그러나 이러한 태그를 사용함으로써 HTML 문서의 각 텍스트마다 의미를 부여할 수 있게되고,
화면에 표시되는 모양이 각 요소에 적합하게 바꾸거나, 검색엔진 등에서 유용하게 사용할 수 있다.
HTML <kbd> For Keyboard Input
<kbd> 태그는 키보드 입력을 정의하는 요소이다.
<DOCTYPE! html>
<html>
<body>
<kbd>File | Open...</kbd>
</body>
</html>
HTML <samp> For Computer Output
<samp> 태그는 컴퓨터 프로그램에서 나오는 출력의 예를 정의한다.
<DOCTYPE! html>
<html>
<body>
<samp>
demo.example.com login: Apr 12 09:1017 Linux 2.6.10-grsec+gg3+efhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v60189
</samp>
</body>
</html>
HTML <code> For Computer Code
<code> 태그는 프로그램 코드를 정의하는 요소이다.
<DOCTYPE! html>
<html>
<body>
<code>
var x = 5;
var y = 6;
document.getElemnetById("demo").innerHTML = x + y;
</code>
</body>
</html>
아래는 위 코드에 대한 실행결과인데, <code>는 <p>처럼 공백이나 줄 바꿈을 여러번 해도 한 번만 적용된다.
var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;
줄바꿈을 적용하고 싶으면 아래와 같이 <pre>를 사용한다.
<DOCTYPE! html>
<html>
<body>
<pre>
<code>
var x = 5;
var y = 6;
document.getElemnetById("demo").innerHTML = x + y;
</code>
</pre>
</body>
</html>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;HTML <var> For Variables
<var>태그는 변수를 정의하는 요소이다.
변수는 프로그래밍에서의 변수나 수학적인 표현에서의 번수 모두를 의미할 수 있다.
<DOCTYPE! html>
<html>
<body>
<p>Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.</p>
</body>
</html>
Einstein wrote: E = mc2
아래 링크를 참조하여 번역 및 수정 함
http://www.w3schools.com/html/html_computercode_elements.asp