프로그래밍/HTML
03 HTML의 특수문자 / 주석문
윤지(●'◡'●)
2021. 4. 12. 09:12
반응형
HTML의 특수문자
띄어쓰기, Enter
"HTML은 띄어쓰기와 줄바꿈을 구별하지 않는다. "
<!DOCTYPE html>
<html>
<head>
<title>제목</title>
</head>
<body>
안녕하세요 HTML 입니다.
엔터를 쳤어요
</body>
</html>
띄어쓰기를 위 처럼 많~이 하고 엔터를 쳐도 결과는 아래와 같다.
그렇다면 엔터와 띄어쓰기를 사용하고 싶을 땐 어떻게 해야할까?
바로 아래와 같은 코드로 사용할 수 있다
[문법]
Enter : <br>
띄어쓰기 :
적용해보자 ( •̀ ω •́ )✧
<!DOCTYPE html>
<html>
<head>
<title>제목</title>
</head>
<body>
안녕하세요 HTML 입니다.<br>엔터를 쳤어요
</body>
</html>
결과
띄어쓰기와 엔터가 잘 적용된걸 확인할 수 있다 :)
>(크다), <(작다)
HTML은 태그를 사용하기 때문에 종종 <> 사이에 있는 글자를 태그로 인식하는 경우가 있다.
어떻게 해야할까?
[문법]
< : < (left의 약자)
> : > (right의 약자)
ex) "<br>태그는 엔터에요" 를 띄우고 싶다면?
<br>태그는 엔터에요 -- (X)
<br>태그는 엔터에요 -- (O)
HTML의 주석문
HTML 문서에 영향을 주지 않는 설명을 기술하는 구간으로 실행해도 브라우저내에서 보이지 않는다.
[문법]
<!-- 주석구간 -->
적용해보자
<html>
<head>
<title>HTML의 시작</title>
</head>
<body>
<!--여기는 주석문 입니당-->
<!--
여러줄도
가능
합니다.
-->
</body>
</html>
단! 브라우저 우클릭 -> 소스보기에서는 볼 수 있으니 조심해야한다
반응형