개발공부/HTMl+CSS+JAS

[HTML] 인용문 태그

ssoyxon 2023. 3. 16. 16:29

HTML에서 인용문을 나타내기 위해서는 <blockquote> 태그를 사용합니다. 인용문은 들여쓰기가 되어 표시됩니다.

예시:

<blockquote>
  이것은 인용문입니다. 들여쓰기가 되어 표시됩니다.
</blockquote>

 

 

적용 예시 ↓


이것만 보면 약간 헷갈릴 수 있어, 다른 문장과 함께 적용해보겠습니다.

 

<p>
  &lt;&gt;&lt;&gt;로 이루어진 태그로 이루어져 있습니다.<br>
  이 때, 내용이 있는 태그는 닫는 태그가 존재하며 내요을 넣을 필요 없는 태그는 닫는 태그 없이 사용됩니다.
</p>
<blockquote>
  <b>'br'</b>이나 나중에 배울 <b>'img'</b>와 같은 태그는 닫는 태그 없이 사용됩니다.
</blockquote>
<p>
  또한, 기본적인 <b>들여쓰기</b><b>줄바꿈</b>은 코드상에서는 아무런 역할을 하지 않습니다.<br>
  다만, 이러한 들여쓰기나 줄바꿈은 코드를 이해하기 편하게 하기 위해, 또 관계를 표현하기 위해 사용됩니다.
</p>

다음과 같은 html코드를 적용하면


↑ 요렇게 나옵니다. 인용문은 탭하여 나온다고 생각하면 될 것 같습니다.