offfff

HTML 컴퓨터 코드(HTML Computercode) 본문

프로그래밍

HTML 컴퓨터 코드(HTML Computercode)

offfff 2016. 8. 29. 09:00

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

저작자표시 비영리

'프로그래밍' 카테고리의 다른 글

HTML 색 정의(HTML Colors)  (0) 2016.08.31
HTML코멘트(HTML Comments)  (0) 2016.08.30
HTML 인용(HTML Quotations)  (0) 2016.08.28
HTML 글자 모양 편집(HTML Formatting)  (0) 2016.08.27
HTML 스타일(HTML Styles)  (0) 2016.08.26
'프로그래밍' Related Articles more