#11 인용문(blockquote)과 주석문()

HTML/HTML 기초
2018. 7. 23.

인용문 (blockquote)

문서내에 있는 특정 문자열이나 문단을 왼쪽에 여백을 두어 인용문으로 처리하기 위한 태그를 말합니다.

태그를 쓸때마다 40픽셀씩 들여쓰기가 됩니다.

기본형식은 <blockquote> it-fix 홈페이지 </blockquote> 입니다.

그러나 단순히 들여쓰기 하나만을 위해서 쓰인다기보다 여러가지 꾸미기기능으로 사용되어 집니다.

예를 들어보면 blockquote를 head태그사이에서 style로 지정해놓고 body부분에서 필요한 부분마다 blockquote태그를 사용하는 방법입니다.

예제))

<html>
<head>
<style>
blockquote {
 background-color: #B2CCFF;
 margin: 10px;
 padding: 10px;
 width: 90%;
 border: 0px solid #000;
 -moz-border-radius:10px;
 border-radius:10px;
}
</style>
</head>
<body>
<h3>it-fix 홈페이지</h3>
<blockquote>
<p>Pc사용 및 일상생활중 모든 트러블에 대한 최적의 해결방법을 제시 
</blockquote>
</body>
</html>

-border-radius:10px; 은 둥근모서리 10픽셀 입니다.

출력물))

blockquote.html

다운로드

주석문 (  )

해당 인터넷문서를 작성하는 사람이 자신이 참조할 내용을 기록해두거나 또는 다른 사람들에게 참조하라고 적어둔 내용을 말하며, 브라우저 외부로는 표시되지 않고 태그속에 참조될 내용으로만 남게 됩니다.

기본형식은  입니다.

html태그에 쓰이는 이러한 주석문과 비슷한 기능을 가진것으로 css에서는 /* */과 //이 있습니다.

예제))

<html>
<head>
<style type="text/css">
.test-code { font-family:'궁서'}  /* CSS 스타일 시트의 주석문(설명문) */
</style>
<script type="text/javascript">
/*
자바 스크립트의
블록코멘트입니다.
*/
document.write('ABC' + '<br />'); // 자바스크립트의 한 줄짜리 설명문
</script>
</head>
<body>
<!--
이곳은 HTML 주석문입니다.
이 부분의 문장들은 브라우저에 출력되지 않습니다.
-->
본문 텍스트
<div class="test-code">본문 텍스트</div> <!-- HTML 주석문 -->
</body>
</html>

출력물))

주석문.html

다운로드

저작자표시

'HTML > HTML 기초' 카테고리의 다른 글

#13 div 태그 알아보기 (0)	2018.07.29
#12 font 태그 알아보기 (0)	2018.07.28
#10 hr, pre, xmp 태그 배우기 (0)	2018.07.13
#09 하이퍼링크(Hyperlink) (0)	2018.07.10

IT ERROR FIX