반응형

1. <blockquote> 태그 - 인용문 삽입하기

 

 기본형 : <blockquote> 인용 내용 </blockquote>

 

 - 다른 홈페이지의 글을 인용할 경우, <blockquote> 태그를 이용할 수 있습니다. 이때 인용한 문장은 다른 텍스트 안으로

   들여쓰기 기능이 되므로 다른 텍스트들과 구별이 가능합니다.

  

   그러면 바로 예제를 작성해보겠습니다. JAVA 언어 개발자인 제임스 고슬링을 위키백과에 검색하여 나온 결과로

   작성했습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title><blockquote> 태그 사용</title>
</head>
<body>
    <h1>제임스 고슬링</h1>
    <p>제임스 아서 고슬링(James Arthur Gosling, 1955년 5월 19일 ~ )은 캐나다의 소프트웨어 개발자이다.
    자바를 최초 개발하여 '자바의 아버지'라 불리며, 가장 영향력 있는 프로그래머들 가운데 한 사람이다. 
    자바 이외에도 다중 프로세서용 유닉스와 컴파일러, 메일 시스템, 데이터 인식 시스템 등을 개발하였다.</p>
    <blockquote>
    개발자 가운데서는 마이크로소프트의 빌 게이츠(William H. Gates)만큼이나 유명하지만, 
    개발자 특유의 '몰두' '은둔' 성향 때문에 세상에 널리 알려지지는 않았다. 
    그는 또 자바 커피를 하루에도 10여 잔 씩 마시는 자바 예찬론자이기도 해서, 
    자바(Java)라는 명칭은 유명한 커피 재배지인 인도네시아 섬 이름인 자바섬에서 따왔다고 한다.
    </blockquote>
</body>
</html>
cs

<사진 1.1>

 

코드 12~17번째 줄을 보면 <blockquote> 태그를 사용 했습니다. 아래는 결과 화면입니다.

 

<사진 1.1 결과 화면>

 

결과 화면을 보면 <blockquote> 태그를 사용한 부분은 앞서 말한 것과 같이 인용한 문장이 자동으로 들여쓰기가 되었습니다!

반응형

'Web Basic > HTML5' 카테고리의 다른 글

[HTML5] <strong>태그, <b>태그 사용 방법  (0) 2018.03.08
[HTML5] <pre>태그 사용 방법  (0) 2018.03.07
[HTML5] <hr> 태그 사용 방법  (0) 2018.03.05
[HTML5] <br> 태그 사용 방법  (0) 2018.03.05
[HTML5] <p> 태그 사용 방법  (0) 2018.03.03

+ Recent posts