이번에 살펴볼 태그는 인용태그이다.
* 인용
<blockquote cite="link">
지나온 길을 돌아볼 때 필요한 건 후회가 아닌 평가이고, <br/>
앞으로의 길을 내다볼 때 필요한 건 걱정이 아닌 판단이다.
<cite>언어의 온도 中</cite>
</blockquote>
<blockquote>
<p>
어느 기업에서 글쓰기 강연을 마치고 화장실에 들어 갔다.
</p>
<p>
<중략> <br/>
이런 문구가 적혀 있었다.
</p>
<p>
<q>화장실을 깨끗하게 사용해주세요.</br>
이곳을 청소해주시는 분들,</br>
누군가에겐 전부인 사람들입니다.</q>
</p>
</blockquote>
- 먼저 인용은 <blockquote>를 열고 닫으며 사용할 수 있다.
- 이 때 속성으로 cite를 주어 출처 링크를 삽입할 수 있다. 예시는 그냥 표시만 해뒀다.
- <cite> 태그를 통해 출처를 명시할 수 있다.
- <q>태그는 문단 내에서 인용을 표시하는 방법이다.
※ html문서에서 특수문자를 인식시키려면 특수문자의 엔터티이름이나 엔터티번호로 표시해야한다.
위를 웹페이지로 보면 아래와 같다.
- block이 투명하게 표시되어있으나 디자인은 신경쓰지 않아도 된다.
- <cite>태그 또한 기울임꼴로 표시되어있다.
- <q>태그는 ""(큰따옴표)로 표시되어 있음을 알 수 있다.
참고
이 글은 구름에듀에서 관련 강의를 구매하여 수강 후 공부하며 작성한 글입니다.
모든 내용과 코드 및 이미지는 직접 재구성하였습니다.
김버그의 HTML&CSS는 재밌다 - 구름EDU
HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎
edu.goorm.io
특수문자(Character Entities) - HTML 기본 강좌
HTML태그는 "<" 기호로 시작하여 ">" 기호로 끝납니다. 그러므로 "<"는 웹브라우저가 해석할때 HTML 태그를 입력하기 위해서 사용하는 기호로 인식합니다. 그러므로 화면상에 "<"를 표현하기 위해서��
www.homejjang.com
'Language > HTML' 카테고리의 다른 글
| <HTML 기초> 07. 라디오 · 체크 박스 (0) | 2020.10.27 |
|---|---|
| <HTML 기초> 06. 인풋 · 레이블 (0) | 2020.10.22 |
| <HTML 기초> 04. 태그 : 리스트 (0) | 2020.10.17 |
| <HTML 기초> 03. 태그 : 링크 · 이미지 (0) | 2020.10.16 |
| <HTML 기초> 02. 태그 : 제목 · 문단 · 강조 (0) | 2020.10.15 |
