HTML 태그 : 가끔 사용

언젠가는 사용할법한 HTML 태그의 종류의 일부를 정리해보도록 하겠습니다.

 

<p>

HTML <p> 요소는 하나의 문단을 나타냅니다. 

 

<q>: 인라인 인용문 요소

HTML <q>요소는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. 대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현합니다. <q>는 줄 바꿈이 없는 짧은 경우에 적합합니다. 긴 인용문은 <blockquote> 요소를 사용하세요.

<blockquote>

HTML <blockquote> 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다.

 

결과

 

<pre>

미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다.

<pre>
       **    **
      *  *  *  *
       *  **  *
         *  *
           *
</pre>

결과

       **    **
      *  *  *  *
       *  **  *
         *  *
           *

 

<sub>

아래첨자를 넣고 싶을 때 사용합니다. 

subscript를 의미합니다.

<p>이것은 아래첨자<sub>아래첨자</sub> 입니다.</p>

결과 : 이것은 아래첨자_아래첨자 입니다.

 

<sup>

윗첨자를 넣고 싶을 때 사용합니다.

super subscript를 의미합니다.

<p>이것은 윗첨자<sup>윗첨자</sup> 입니다.</p>

결과 : 이것은 윗첨자^윗첨자 입니다.

 

 

<a>

하이퍼링크를 걸어주는 태그입니다.

• href: 클릭시 이동 할 링크
• target: 링크를 여는 방법
  • _self: 현재 페이지 (기본값)
  • _blank: 새 탭

<a href="https://pinenamu.tistory.com" target="_blank">이동</a>

 

 

Entities

HTML의 예약 문자는 문자 엔티티로 대체해서 사용할 수 있습니다.

엔티티 모음 사이트 : https://dev.w3.org/html5/html-author/charref

예약어	entities
&	&
<	&lt;
>	&gt;
"	&quot;
'	&apos;
spacing	&nbsp;