[HTML]text tag, 특수문자 입력

 

HTML에서

text tag와 특수문자 입력에 대해 정리

 

1. Text formatting

-<b>, <strong> : 글자 굵게

Life is full of <b>ups and downs</b>.
		<!--글자 굵게-->
Life is full of <strong>ups and downs</strong>.
		<!--strong 태그가 감싸고 있는 텍스트가 중요하다는 정보 내포 -->

 

-<i>, <em> : 글자 기울이기

Life is full of <i>ups and downs</i>.
		<!--글자 기울이기-->
Life is full of <em>ups and downs</em>.
		<!--em 태그로 감싸고 있는 텍스트를 강조한다는 정보 내포-->

 

-<small>

Life is full of <small>ups and downs</small>.
		<!-- 글자 작게 -->

 

-<sub>, <sup>

Life is full of <sup>ups</sup> and <sub>downs</sub>.
		<!--sup은 윗첨자, sub 아래첨자-->

 

-<ins>, <del>

Life is full of <ins>ups</ins> and <del>downs</del>.
		<!--ins은 밑줄, del은 취소선-->

 

-<mark>

Life is <mark>full of ups and downs</mark>.
<!--노란색 형광펜을 그은 것과 같은 효과를 줌-->

 

-etc

(*<pre>  : 사용자 입력 그대로 출력.)

<code>  :  컴퓨터 코드 표시

<samp>  :  컴퓨터 프로그램 샘플 출력 표시

<kbd>  :  키보드 입력 표시

<var>  :  변수 표시

 

 

2. 특수문자 처리

-꺾쇠(<, >)

Life is full of <ups and downs>

결과 → Life is full of <ups and downs>

 

-&(ampersand)

Life is full of ups & downs

결과 → Life is full of ups & downs

 

-스페이스바(spacebar)

Life is full of ups      and downs

결과 → Life is full of ups     and downs

 

 

 

3. <pre> 태그

공백이나 특수문자, 줄바꿈 등 사용자가 입력한 그대로 출력할 때

database