[HTML5]기초 태그, 특수 문자

기초 태그와 특수 문자에 대해 설명합니다

모든 포스트 목록

기초 단락 태그

1. <hn> : 제목(Headline) 태그
   <h1> ~ <h6>로 나눠져 있으며 굵은 글자 효과와 줄간격을 띄우는 효과가 있다
2. <p> : 단락(Paragraph) 태그
3. <br> : 줄바꿈(Line Break) 태그(HTML 코드에서는 이 태그를 이용하여 개행해야 한다)

단락/텍스트 꾸미기 태그

1. <hr> : 가로줄(Horizontal Line) 태그
2. <pre> : 작성된 형식 유지(Pre-formatted Text) 태그
   - 이 태그 안에는 다른 태그는 적용되지 않는다
3. <blockquote> : 단락 인용(Block Quotation) 태그
4. <address> : 주소(adress) 태그
5. <em> : 텍스트 강조(Emphasis) 태그
6. <strong> : 강한 강조(Strong Emphasis) 태그
7. <small> : 작은 글자(Small) 태그
8. <mark> : 하이라이트 효과(highlight) 태그
9. <sup>, <sub> : 첨자(Subscript & Superscript) 태그
10. 비권장 요소 : <font>,  <center>, <u>, <b>, <i>, <blink> 
    - HTML 태그는 문서 구조나 의미를 표현하기 위한 태그로 문서의 스타일은 CSS를 이용하여 표현하도록 권장한다

예시

  <hr>[hr]
  <pre>[pre]여기서는   입력한 대로
  형식이 유지됩니다</pre>
  <blockquote>
    [blockquote]여기서는 인용하고자 하는 문장을 보통 입력합니다
  </blockquote>
  <address>
    [address]여기서는 HTML 문서 작성자를 표시하는 문장을 보통 입력합니다
  </address>
  <em>[em]기울임꼴 효과를 주고 싶은 단어를 입력합니다</em><br/>
  <i>[i]&lt;em&gt;태그와 같은 효과를 나타냅니다</i><br/>
  <strong>[strong]굵은 효과를 주고 싶은 단어를 입력합니다</strong><br/>
  <b>[b]&lt;strong&gt; 태그와 같은 효과를 나타냅니다</b><br/>
  <small>글씨가 작아집니다</small><br/>
  <mark>[mark]하이라이트 효과를 주고 싶은 단어를 입력합니다</mark><br/>
  <sup>[sup]위 첨자 효과</sup>가 나타납니다<br/>
  <sub>[sub]아래 첨자 효과</sub>가 나타납니다<br/>

결과

특수문자

공백이나 특수문자를 넣고 싶을 때 특수문자 대신 입력하는 문자입니다

특수문자	입력
<	&lt;
>	&gt;
&	&amp;
"	&quot;
공백	&nbsp;
™	&trade;
®	&reg;
©	&copy;
↑	&uarr;
↓	&darr;
←	&larr;
→	&rarr;
↔	&harr;

#html5 #기초태그 #특수문자
참고 : HTML5 웹 프로그래밍 입문, 저자 : 임순범, 박희민, 이창환
자세한 화살표 특수문자 참고