티스토리 뷰
* blockquote
- 문단전체가 인용구 일때 사용합니다.
- <blockquote cite=""></blockquote> 형식의 cite attribute를 사용하여 URL을 기재한다.
- <cite></cite> 태그를 이용하여 텍스트 형식의 출처를 남긴다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>노래로 알아봅시다</h1>
<blockquote cite="https://www.youtube.com/watch?v=_ITO5wlTne0">
<p>
난 그대 없인 살 수 없어 <br />왜 자꾸 나를 두고 멀리 가<br />
가난한 내 마음을<br />
가득히 채워 줘<br />
눈 깜짝하면 사라지지만<br />
스쳐 가지만<br />
잊을 수 없는 이 맛<br />
메마른 내 통장에<br />
단비 같은 너<br />
언제쯤에야<br />
자유로울 수 있나<br />
무한한 이 속박으로부터 <br /><br />난 매일 손꼽아 기다려<br />
한달에 한번 그댈 보는 날<br />
가난한 내 마음을<br />
가득히 채워 줘<br />
눈 깜짝하면 사라지지만 <br /><br />난 그대 없인 살 수 없어<br />
왜 자꾸 나를 두고 멀리 가<br />
가난한 내 마음을<br />
가득히 채워 줘<br />
눈 깜짝하면 사라지지만
</p>
<footer>
- 스텔라장(Stella Jang),
<cite>월급은 통장을 스칠뿐</cite>
</footer>
</blockquote>
</body>
</html>
* q
- 문단안에서 인용구를 사용할 경우
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p>문단안에 <q cite="https://www.naver.com">인용할때</q> 사용합니다</p>
</body>
</html>
'HTML' 카테고리의 다른 글
| Form 태그란? (0) | 2021.08.16 |
|---|---|
| Anchor (링크) & Image (0) | 2021.08.16 |
| div & span (부제: 박스안에 컨텐츠를 담아보자) (0) | 2021.07.05 |
| Description List (정의 리스트) & dfn (0) | 2021.07.05 |
| ul & ol & li (리스트) (0) | 2021.07.05 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 프론트엔드회고
- HTML
- inline
- CSS
- 프론트엔드
- JavaScript
- postman
- 개발자회고
- cssom
- react
- nodejs
- 노드JS
- baegofda
- vue
- font-family
- 오물오물
- function
- vue입문
- VanillaJS
- INPUT
- vue예제
- 생활코딩
- CORS
- 프론트엔드면접
- 프론트엔드개발자
- 공공데이터포털
- 리액트
- axios
- vue3
- 공공데이터
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
글 보관함