반응형
<blockquote> 태그는 단락 전체에 들여쓰기를 할 경우 사용합니다. 주로 인용문이나 요약문, 설명 글을 쓸 때 많이 이용합니다. <blockquote> 에 들어간 텍스트는 전후에 여백이 생기기 때문에 P 태그처럼 사용이 가능합니다.
▼ 워드나 한글에서 단락에 전체 들여쓰기는 눈금자를 이용합니다. 아래 그림처럼 상단 눈금자에 있는 아이콘을 옮기게 되면 커서가 위치한 단락의 내용이 전체적으로 들여쓰기가 됩니다. 이것을 웹 페이지에서 그대로 표현하기 위해서 <blockquote> 사용하는 것입니다.
▼ 워드에서 표현 했던 것처럼 동일한 텍스트를 넣었습니다. 그리고 들여쓰기 할 텍스트를 <blockquote> 태그에 넣습니다. 그리고 실행해 보시면 워드에서와 동일하게 들여쓰기가 된다는 것을 알 수 있습니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>HTML 태그</title>
<style type="text/css">
body {
background-color: #e7e7e7;
}
</style>
</head>
<body>
<p>HTML 단락 들여쓰기 blockquote 태그 사용하는 방법 </p>
<blockquote>
<blockquote>
태그는 단락 전체에 들여쓰기를 할 경우 사용됩니다.
주로 인용문이나 요약문,설명 글을 쓸 때 많이 이용합니다.
에 들어간 텍스트는 전후에 여백이 생기기 때문에 P 태그처럼
사용이 가능합니다.
</blockquote>
</body>
</html>
| ※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ HTML 입력한 형태 그대로 보여 주는 pre 태그 사용법 ▶ 윈도우 메모장에 HTML 문서 작성하는 방법 ▶ 크롬 브라우저 웹 페이지 소스 보기, HTML 디자인 확인하기 ▶ HTML 입력양식 input 태그 HTML5 type 타입 에 대한 설명 ▶ HTML 하이퍼링크 a 태그 id 속성으로 내부 링크 기능 구현하는 방법 |
반응형
'웹 프로그래밍 > HTML' 카테고리의 다른 글
| 윈도우 메모장에 HTML 문서 작성하는 방법 (1) | 2024.02.20 |
|---|---|
| HTML 구분선, 수평선을 그을 때 이용하는 hr 태그 사용법 (1) | 2024.01.12 |
| HTML 일련번호가 있는 목록 나열 ol, li 태그 사용법 (1) | 2023.12.04 |
| HTML 입력한 형태 그대로 보여 주는 pre 태그 사용법 (1) | 2022.12.16 |
| HTML div, span 태그 사용법과 차이 (20) | 2022.12.07 |
| HTML 용어 정의할 때 사용하는 dl, dt, dd 태그 사용법 (1) | 2022.12.01 |
| HTML 하이퍼링크 a 태그 id 속성으로 내부 링크(책갈피) 기능 구현하는 방법 (7) | 2022.11.18 |
| HTML 하이퍼링크 a 태그로 사이트 연결하기 (1) | 2022.11.09 |
