Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

h05. HTML 프로그래밍 코드 표시 본문

HTML

h05. HTML 프로그래밍 코드 표시

눈의나라북범 2016. 6. 5. 15:26

HTML 프로그래밍 코드 표시

HTML 은 일반적으로 알파벳의 각 문자별로 크기와 간격을 다양하게 표시할 수 있습니다.

그러나 프로그래밍 코드를 표시할 때는 고정된 글자 크기와 간격으로 표현하는 것이 좋습니다.

<kbd>, <samp>, 및 <code> 태그는 고정된 글자 크기와 글자 간격으로 표시합니다.

<kbd>File &gt; Open...</kbd>
File > Open...
<samp> 태그는 프로그래밍 결과를 표시하는데 사용합니다:

<samp>yourid.tistory.com login: Jan 15 13:26:17 Set-up Android SDK path to make Android remote work</samp>
yourid.tistory.com login: Jan 15 13:26:17 Set-up Android SDK path to make Android remote work
<code> 태그는 프로그래밍 코드임을 표시합니다.

<code>var firstValue = 100; var secondValue = 99; document.getElementById("result").innerHTML = firstValue + secondValue;</code>
var firstValue = 100; var secondValue = 99; document.getElementById("result").innerHTML = firstValue + secondValue;

<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;

<var>  태그는 한개의 변수로 표시합니다.

변수는 수학 또는 프로그래밍에서의 변할 수 있는 숫자를 담는 그릇 같은 것입니다.

아래 수식은 어떤 물체의 에너지는 그 물체의 질량과 광속의 제곱의 곱'과 같다는 의미입니다.

<var>E</var> = <var>m</var><var>C</var><sup>2</sup>
E = mC2


[광고] Udemy 동영상 강의로 보기


'HTML' 카테고리의 다른 글

h08. HTML 링크  (0) 2016.06.05
h07. HTML CSS 스타일  (0) 2016.06.05
h04. HTML 인용문 태그들  (0) 2016.06.05
h03. HTML 텍스트 태그들  (0) 2016.06.05
h02. HTML 스타일 속성  (0) 2016.06.05