[HTML] 구분선(hr), 인용문(quotation)

728x90

1. 구분선(Horizontal line)

<hr>

- 블록요소이지만, 빈 요소이기에 종료 태그가 없음

- css 대신 내용 구분할 때 주로 사용

2. 인용문(Quotation)

<blockquote>

- 다른 사이트에서 인용한 일부를 지정

- 블록요소인 p요소를 사용합니다.

- cite 속성 : 인용문의 출처 / cite 요소 : 작품의 제목

<q>

- 짧은 인용문 지정

- 텍스트나 인라인 요소 포함

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hr quotation</title>
</head>
<body>

	<h1>blockquote</h1>

	<strong>드래곤라자</strong>라는 소설에서, 내가 좋아하는 말이 있습니다.
	<blockquote cite='#' title="드래곤라자 명언">
		<cite>드래곤 라자</cite>
		나는 단수가 아니다.
	</blockquote>
	
	<hr/>
	
	<h1>q</h1>
	
	<b>드래곤라자</b>라는 소설에서, 내가 좋아하는 말이 있습니다.
	<q cite='#' title="드래곤라자 명언">나는 단수가 아니다.</q>

</body>
</html>

728x90

'Web > HTML' 카테고리의 다른 글

[HTML] 링크(link <a>) (0)	2021.12.01
[HTML] 텍스트(text), 이미지(img) (0)	2021.11.30
[HTML] 제목, 단락, 주소 (0)	2021.11.28
[HTML] 블록(block) 요소 & 인라인(inline) 요소 (0)	2021.11.27
[HTML] HTML의 구조 (0)	2021.11.26

'Web > HTML' 카테고리의 다른 글

티스토리툴바