HTML 독학하기 HTML 텍스트요소(3)

인용구

HTML에서 인용구를 표현하는 방법은 크게 두 가지로 나뉩니다.

 

(1) 짧은 인용구

(2) 블록 인용구

(1) 짧은 인용구

짧은 인용구는 <q>태그(quotation)를 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙습니다.

 

입력

<p> <q>인용할 말</q> </p>

출력

인용할 말

 

(2)블록 인용구

길이가 긴 인용문은 <blockquote>태그(block quatation)를 사용하여 표현할 수 있습니다.

<blockquote>태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타냅니다

 

입력

<p>블록 인용구</p>

<blockquote>

인용할 말

</blockquote>

출력

 

블록인용구

인용할 말

축약형 표현

HTML에서 용어의 축약형을 표현하기 위해서는 <abbr>태그(abbreviation)를 사용합니다.

<abbr>태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 나타납니다.

<p><abbr title="축약된 표현 입력">축약할 표현</abbr></b> 축약할 표현입니다.</p>

축약할 표현 축약할 표현입니다.

 

주소 표현

주소표현

<address>태그를 사용하면 HTML에서 주소를 표현할 수 있습니다.

이러한 주소는 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입됩니다.

 

예시 (경복궁 주소)

 

입력

<address>

   서울특별시 <br>

    종로구 사직로 161

</address>

 

출력

 

서울특별시
종로구 사직로 161

 

주석 표현

 

주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문을 의미합니다.

이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다.

 

HTML에서 주석을 표현하는 방법

<!-- 주석내용입력 -->

HTML 주석의 시작 태그(<!--)에는 느낌표(!)가 있지만 종료 태그(-->)에는 느낌표가 없습니다.

주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다. 또한 주석의 화살 괄호를 닫지 않는다면 여러 줄로도 사용 가능합니다.

<!--주석 내용 -->


<!--

    주석
    내용
    적기

-->

 

주의- 중첩주석 금지

HTML 주석 안에 또 다른 주석을 작성하면 안됩니다.

 

HTML 주석 안에 또 다른 주석을 삽입하면, 삽입한 주석의 종료 태그(-->)를 첫 번째 주석이 자신의 종료 태그로 인식하게 됩니다.

따라서 삽입한 주석의 종료 태그 다음부터 첫 번째 주석의 종료 태그까지의 모든 내용이 그대로 웹 페이지에 노출됩니다.