본문 바로가기
프로그래밍/HTML

03 HTML의 특수문자 / 주석문

by 윤지(●'◡'●) 2021. 4. 12.
반응형


HTML의 특수문자

 

띄어쓰기, Enter

"HTML은 띄어쓰기와 줄바꿈을 구별하지 않는다. "

 

<!DOCTYPE html>
<html>
	<head>
   		<title>제목</title>
 	</head>
 	<body>
    		안녕하세요 HTML                        입니다.
			
			엔터를 쳤어요
 	</body>
</html>

 

띄어쓰기를 위 처럼 많~이 하고 엔터를 쳐도 결과는 아래와 같다.

 

 

그렇다면 엔터와 띄어쓰기를 사용하고 싶을 땐 어떻게 해야할까?

바로 아래와 같은 코드로 사용할 수 있다 

 

[문법]

Enter : <br>
띄어쓰기 : &nbsp;

 

적용해보자 ( •̀ ω •́ )✧

 

<!DOCTYPE html>
<html>
	<head>
   		<title>제목</title>
 	</head>
 	<body>
    		안녕하세요 HTML &nbsp;&nbsp;&nbsp;&nbsp;입니다.<br>엔터를 쳤어요
 	</body>
</html>

 

결과

띄어쓰기와 엔터가 잘 적용된걸 확인할 수 있다 :)

 

 

>(크다), <(작다)

 

HTML은 태그를 사용하기 때문에 종종 <> 사이에 있는 글자를 태그로 인식하는 경우가 있다.

어떻게 해야할까?

 

[문법]

< : &lt;  (left의 약자)
> : &gt; (right의 약자)

 

ex) "<br>태그는 엔터에요" 를 띄우고 싶다면?

 

<br>태그는 엔터에요			--	(X)
&lt;br&gt;태그는 엔터에요		--	(O)

 


 

HTML의 주석문

 

HTML 문서에 영향을 주지 않는 설명을 기술하는 구간으로 실행해도 브라우저내에서 보이지 않는다.

 

 

[문법]

<!-- 주석구간 -->

 

적용해보자

<html>
    <head>
        <title>HTML의 시작</title>
    </head>
    <body>
        <!--여기는 주석문 입니당-->
        <!--
            여러줄도
            가능
            합니다.
        -->
    </body>
</html>

 

단! 브라우저 우클릭 -> 소스보기에서는 볼 수 있으니 조심해야한다

 

 

 

반응형

댓글