Language & Solution/HTML&CSS
[HTML&CSS] 제목, 문단, 연락처, 인용문 // <h1>~<h6>, <address>, <blockquote>, <hr>, <footer>, <pre>
새로비
2018. 12. 10. 22:32
반응형
| <h1>~<h6>
제목을 나타내는 태그. 숫자가 커질수록 글자 크기가 줄어든다.
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
| <hr>
새로운 내용이 나타내는 것을 나타내는 태그. 브라우져 상에는 한 줄이 그어진다.
<hr>
| <address>
주소를 나타내는 태그
<address>천안시 서북구 불당동 1167 202호</address>
| <blockquote>
인용문을 나타내는 태그
<blockquote>
<p>So many times to go</p>
</blockquote>
| <footer>
바닥글을 나타내는 태그
<footer>출처 :<cite>웹 접근성 연구소</cite></footer>
| <pre>
Preformatted Text의 약자. HTML 입력한 형태 그대로 보여주는 태그
<pre>
So many times to rest
</pre>
| HTML 코드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>h1~h6, p, address, blockquote, hr, pre</title>
</head>
<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<address>천안시 서북구 불당동 1167 202호</address>
<hr>
<blockquote>
<p>So many times to go</p>
<footer>출처 :<cite>웹 접근성 연구소</cite></footer>
</blockquote>
<hr>
<pre>
So many times to rest
</pre>
</body>
</html>
| 결과
heading 1
heading 2
heading 3
heading 4
천안시 서북구 불당동 1167 202호So many times to go
So many times to rest
반응형