[html5] <hr> - 수평 줄 , <blockquote>

티스토리 뷰

[개발]프로그래밍/html5

좋은 블로그 2020. 12. 27. 07:00

1. 개념

<hr> - 수평줄 , <blockquote> - 인용문

<hr> : horizontal의 줄임말로 수평 줄을 삽입할 때 사용

<blockquote> : 다른 사이트의 글을 인용할 경우 사용

2. 태그

html5 코드

<! DOCTYPE html>

<head>

</head>

<body>

수평줄 위에 있는 텍스트 입니다.

<hr>

인용문 위에 있는 문장입니다.

<blockquote> 인용문으로 사용한 문장입니다. </blockquote>

인용문 아래에 있는 문장입니다.

</body>

</html>

결과 화면

코드 설명

<hr>

여러 개의 텍스트 단락을 쓰게 될 때 구분을 해주거나 분리를 해줄 때 사용하면 됩니다.
hr은 기본으로 가로선이 삽입되는데 CSS를 이용해서 가로선을 없앨 수 있습니다.

blockquote태그는 인용한 글을 다른 텍스트보다 안으로 들여 쓰기 해줌으로써 일반 텍스트와 구별이 됩니다.

공지사항

최근에 올라온 글

최근에 달린 댓글