인용문을 나타내는 태그는 <blockquote> 입니다.
quote 는 "인용하다" 라는 뜻입니다. 인용문을 나타내는 <blockquote>태그 예제를 만들어 봅니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quote 예제</title>
</head>
<body>
<p><b>인용문을 나타내는 blockquote 예제 만들기</b></p>
<blockquote>
"생각하는 것은 그것이 있어야 한다." - Descartes
<cite>Descartes</cite>
</blockquote>
</body>
</html>위 코드의 결과값은 하기와 같습니다.
<blockquote> 태그를 사용하면, 인용문을 나타낼 수 있습니다.
인용문을 표시하기 위해서 들여쓰기 와 글꼴을 조금 작게하여 표기해줍니다.
<cite>태그를 내부에 사용하면 인용문의 출처를 나타내는데 사용할 수 있습니다.
티스토리 편집 기능에서 보이는 하기 인용문 바로 이 <blockquote>태그를 사용하고 있답니다
오늘은 인용태그 인 <blockquote> 예제를 만들어보았습니다.
감사합니다.
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| embed 태그 로 멀티미디어 파일 불러오기 (0) | 2023.05.09 |
|---|---|
| <ins> , <del>태그 예제 (1) | 2023.05.04 |
| 드롭다운 리스트 태그 (1) | 2023.05.02 |
| <textarea> 태크 예제 (2) | 2023.04.26 |
| input type="hidden" 예제 만들기 (1) | 2023.04.24 |
댓글