반응형
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 |