HTML Abbr Quotation Cite Code Pre

Abbreviation

<abbr>. </abbr>

긴 단어를 줄일 때 사용한다.

웹에 출력은 아래 점선이 그어져 있는 줄임말로 표시된다

다만 마우스를 호버링 했을 때 전체 의미가 표시된다.

코드 예시

출력

Quotation

<q>, </q>

<blockquote>

인용할 때 쓰이는 태그.

q는 보통 짧은 인용을 할 때 쓰이며, 태그 안의 내용물 시작과 끝에 쌍따음표를 붙여준다.

blockquote 는 더 긴 내용을 인용할 때 쓰이며, 쌍따음표가 쓰이지 않는다.

대신 모든 줄에 들여쓰기를 한다.

코드 예시

출력

cite

<cite>, </cite>

무언가의 제목을 강조할 때 쓰는 태그.

태그 안에 있는 글씨들을 기울어지게 한다.

코드 예시

출력

code
<code>, </code>

컴퓨터 코드임을 나타낼 때 쓰는 태그

글꼴과 크기가 달라진다.

<var>, </var>을 <code> 태그 안에 쓰면 변수를 상징하며, 글씨가 기울어진다.

코드 예시

출력

Preformatted text

<pre>, </pre>

개발자가 미리 텍스트의 모양을 지정하는 것.

따라서 따로 <br>을 쓰지 않아도 코딩화면에 입력된 대로 출력이 된다.

<code>와 같이 사용함으로써 들여쓰기를 나타날 수도 있다.

코드 예시

출력