[HTML] 텍스트 태그의 종류

• <hn> ~ : 제목 (heading)
  n의 자리에는 1~6의 숫자가 들어가며 제목 텍스트를 크기별로 표시할 수 있다.
  숫자가 커질수록 텍스트의 크기는 작아진다.
  
  <hn>제목</hn>
  

  <h1>h1</h1>
  <h2>h2</h2>
  <h3>h3</h3>
  <h4>h4</h4>
  <h5>h5</h5>
  <h6>h6</h6>

  

  
  
  
• <p> : 텍스트 단락 입력 (paragraph)
  편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한 줄로 표시된다.
  내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄이 바뀐다.
  

  <p>껍질에 붉은 빛이 돌아 레드향이라 불린다.</p>
  <p>레드향은 한라봉과 귤을 교배한 것으로 
     일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
  <p>비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다.</p>​

  

  
  
  
• <br> : 한 줄 바꿈 (Line breaking)
  단독으로 사용하는 태그이므로 닫는 태그가 필요없다.
  
  <p>내용</p>
  <br>
  

  <p>껍질에 붉은 빛이 돌아 레드향이라 불린다.</p>
  <p>레드향은 한라봉과 귤을 교배한 것으로 <br>일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
  <p>비타민 C와 비타민 P가 풍부해<br> 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다.</p>​

  

  
  
  
• <blockquote> : 인용문
  다른 텍스트 보다 약간 들여 쓰여진다. 
  
  <blockquote>인용문</blockquote>
  

  <p>껍질에 붉은 빛이 돌아 레드향이라 불린다.</p>
  <p>레드향은 한라봉과 귤을 교배한 것으로 <br>일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
  <blockquote>비타민 C와 비타민 P가 풍부해<br> 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다.</blockquote>​

  

  
  
  
• <b> : 텍스트 굵게 표시 (bold)
• <strong> : 텍스트 굵게 표시
  <b> 태그와 <strong> 태그는 눈으로 볼 때는 별로 차이가 나지 않지만 화면을 낭독해주는 기능이 필요할 때 강조하고 싶은 중요한 텍스트는 <strong> 태그 사이에, 단순히 글자만 굵게 표시하고 싶을 때는 <b> 태그를 사용한다.
  
  <b>굵게 표시할 텍스트</b>
  <strong>굵게 표시할 텍스트(강조)<strong>
  

  <p>껍질에 붉은 빛이 돌아 <b>레드향</b>이라 불린다.</p>
  <p>레드향은 <em>한라봉과 귤을 교배</em>한 것으로<br>일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
  <p>비타민 C와 비타민 P가 풍부해<br> <strong>혈액순환, 감기예방</strong> 등에 좋은 것으로 알려져 있다.</p>​

  

  
  
  
• <i> : 텍스트 기울이기 (italic)
• <em> : 텍스트 기울이기 (emphasis)
  <i> 태그와 <em> 태그도 눈으로 볼 때는 별로 차이가 나지 않지만 <em> 태그는 문장 중에서 특별히 강조하고 싶은 부분에 사용하고, 단순히 글자만 기울여 표시하고 싶을 때는 <i> 태그를 사용한다.
  
  <i>기울일 텍스트</i>
  <em>기울일 텍스트(강조)<em>
  

  <p>껍질에 붉은 빛이 돌아 <b>레드향</b>이라 불린다.</p>
  <p>레드향은 <em>한라봉과 귤을 교배</em>한 것으로<br>일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
  <p><i>비타민 C</i>와 <i>비타민 P</i>가 풍부해<br> 
  <strong>혈액순환, 감기예방</strong> 등에 좋은 것으로 알려져 있다.</p>​

  

  
  
  
• <abbr> : 줄임말 표시 (title 속성을 함께 사용할 수 있다.)
• <cite> : 참고 내용 표시
• <code> : 컴퓨터 인식을 위한 소스 코드
• <small> : 작게 표시해도 되는 텍스트
• <sub> : 아래 첨자 표시
• <sup> : 위 첨자 표시
• <s> : 취소선 표시
• <u> : 밑줄 표시
• <ins> : 공동 작업 문서에서 추가한 내용 표시
• <del> : 공동 작업 문서에서 삭제한 내용 표시