본문 바로가기

html-css

HTML 기초4 공백, <, >, &, © 특수문자

HTML에서 공백, <, >, & 사용방법

예제

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>
        공백을                               넣고있다.<br/>
        공백을 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;넣고있다.<br/>
        화면에 출력되는 결과는 서로 다르다.<br />
    </p>
    <br />
    <hr />
    <h2>특수문자 표기</h2>
    <p>'<' = &lt;</p>
    <p>'>' = &gt;</p>
    <p>'&' = &amp;</p>
    <p>'공백' = &nbsp;</p>
    <p>'카피라이트 ©' = &copy;</p>
</body>
</html>

실행결과

공백, &amp;amp;amp;amp;, &amp;amp;amp;lt;, &amp;amp;amp;gt;사용방법

설명

<, > &lt;  &gt;
& &amp;
공백 &nbsp;
카피라이트
&copy;

 

더 많은 특수문자 사용법을 알고 싶으면 아래 링크를 참조하면 됩니다.
https://entitycode.com/ 

'html-css' 카테고리의 다른 글

HTML 기초6 ul, ol, li태그  (0) 2022.01.27
HTML 기초5 a태그  (0) 2022.01.27
HTML 기초3 p, br, hr 태그  (0) 2022.01.26
HTML 기초2 h#태그  (0) 2022.01.26
HTML 기초1  (0) 2022.01.26