Tag Archives: 특수문자

& 출력하기

[목적] 브라우저에 ‘&’를 출력하는 방법을 배운다. [이론] 위 그림과 같은 결과를 얻기 위해 아래 코드를 입력한다.

그러면 이전 글에서 다루것과 같이 ‘&lt;’, ‘&gt;’는 각각 ‘<‘, ‘>’을 출력하므로 아래 그림의 결과가 출력된다. 올바른 결과를 위해서는 ‘&’ 출력을 위한 ‘&amp;’를 응용하여HTML 코드에 ‘lt’와 ‘gt’ 앞에 ‘&amp;’를 붙여주면 브라우저 상에 ‘&lt;’와 ‘&gt;’를 출력할 수 있다. [실습] 1. HTML에서… Read More »

태그 출력하기

[목적] 브라우저에서 HTML 태그를 출력하는 방법을 배운다. [이론]

위 그림의 내용을 출력하기 위해 위와 같이 HTML 코드를 작성하면 브라우저는 ‘<‘ ~ ‘>’ 사이의 내용도 하나의 태그로 인식하므로 아래 그림과 같이 아무 것도 출력하지 않는다. 모든 HTML 태그는 ‘<‘과 ‘>’으로 둘러싸여 있으므로 ‘<‘과 ‘>’을 출력하기 위한 특수문자 ‘&lt;’와 ‘&gt;’를 사용하면 브라우저에 태그를 출력할 수 있다.… Read More »

연속된 두 개 이상의 공백 출력하기

[목적] 브라우저에서 연속된 두 개 이상의 공백 출력하는 방법을 배운다. [이론] 이전 실습 ‘줄 바꾸기‘의 과제를 살펴보면 출력 결과가 위와 같으므로 ‘<body>’ ~ ‘</body>’ 태그 사이의 단어에 여러개의 공백을 삽입하여 다음과 같은 HTML 코드를 생각했을 것이다.

그러나 위와 같이 작성한 HTML 코드를 브라우저로 확인 한다면 단어 사이에 여러개의 공백이 출력되지 않고 단 하나의 공백만이… Read More »