특수 문자

5.1 문자 이스케이프

HTML에서 특수 문자, 또는 "character entities"는 HTML 문법의 일부로 해석될 수 있는 문자를 표현하는데 사용돼. 여기에는 예를 들어 꺾쇠 괄호, 앰퍼샌드, 공백, 다양한 언어 및 문자 세트의 문자들이 포함돼.

꺾쇠 괄호와 앰퍼샌드

HTML 태그나 문법의 일부로 사용되는 문자를 표시하려면 특수 코드를 사용해야 해:

• < : &lt;
• > : &gt;
• & : &amp;

사용 예시:

    
      <p>꺾쇠 괄호를 표시하려면 &lt; 와 &gt;를 사용하고, 앰퍼샌드에는 &amp;를 사용해.</p>
    
  

따옴표

HTML 속성 내부에서 이중 및 단일 따옴표를 표시하려면:

• " : &quot;
• ' : &apos;

사용 예시:

    
      <p>따옴표를 표시하려면 &quot;이중&quot; 및 &apos;단일&apos; 따옴표를 사용해.</p>
    
  

5.2 공백과 불연속 공백

HTML에서는 여러 개의 공백이 연속으로 있으면 항상 하나의 공백으로 표시돼. 공백을 유지하거나 불연속 공백을 만들려면 특수 문자를 사용해:

• 공백 : &nbsp;
• 얇은 공백 : &thinsp;
• 전체 공백 : &emsp;
• 반공백 : &ensp;

사용 예시:

    
      <p>이&nbsp;텍스트&nbsp;에는&nbsp;여러&nbsp;불연속&nbsp;공백이&nbsp;포함되어있어.</p>
    
  

특수 문자 및 발음 구별 기호

HTML은 다양한 언어와 문자 세트를 위한 여러 특수 문자를 지원해. 예를 들어:

• © : &copy;
• ® : &reg;
• ™ : &trade;
• € : &euro;
• £ : &pound;

사용 예시:

    
      <p>저작권 &copy; 2024. 모든 권리 보유. 가격: 50 &euro;</p>
    
  

수학 기호

HTML은 다양한 수학 기호 세트를 지원해:

• ± : &plusmn;
• × : &times;
• ÷ : &divide;
• ≤ : &le;
• ≥ : &ge;
• ∞ : &infin;
• √ : &radic;

사용 예시:

    
      <p>방정식의 해: x &ge; 5 및 x &le; 10. 루트를 표시하려면 &radic;를 사용해.</p>
    
  

5.3 화살표 및 기타 그래픽 기호

HTML은 화살표 및 기타 그래픽 기호도 지원해:

• ← : &larr;
• ↑ : &uarr;
• → : &rarr;
• ↓ : &darr;
• ↔ : &harr;
• ♠ : &spades;
• ♣ : &clubs;
• ♥ : &hearts;
• ♦ : &diams;

사용 예시:

    
      <p>방향: &larr; 왼쪽, &uarr; 위쪽, &rarr; 오른쪽, &darr; 아래쪽.</p>
      <p>카드 슈트: &spades; &hearts; &diams; &clubs;</p>
    
  

특수 문자 전체 목록

특수 문자 전체 목록은 HTML 문서나 W3Schools 등의 전문 웹사이트 또는 HTML Character Entities Reference에서 찾을 수 있어.

5.4 이모지 사용법

이모지(emoji)는 현대 디지털 커뮤니케이션의 필수 요소야. 감정, 아이디어, 객체를 텍스트 메시지나 소셜 네트워크, 웹 페이지에서 표현하는 데 사용돼. HTML에서 이모지는 여러 가지 방법으로 사용할 수 있어.

Unicode 사용법

이모지를 HTML 문서에 삽입할 때 Unicode 문자를 사용할 수 있어. 각 이모지에는 고유한 코드가 있거든, 그 코드를 이용해서 표시할 수 있지.

Unicode 사용 예시:

    
      <p>웃는 얼굴: 😀</p>
      <p>하트: ❤️</p>
      <p>엄지 척: 👍</p>

       
   
       
   
       
   
    
  

Unicode를 이용해 이모지를 삽입하려면, 16진수 코드를 사용하고 &#x로 시작하고 ;로 끝내야 해.

16진수 코드 사용 예시:

    
      <p>웃는 얼굴: &#x1F600;</p>
      <p>하트: &#x2764;&#xFE0F;</p>
      <p>엄지 척: &#x1F44D;</p>

       
   
       
   
       
   
    
  

기억할 필요 없어. 필요할 때마다 구글링하거나, 다른 사람의 코드에서 발견해도 당황하지마 😊

1

설문조사/퀴즈

HTML 기본 태그, 레벨 4, 레슨 5

사용 불가능

HTML 기본 태그

HTML 기본 태그

열림