반응형

[HTML&CSS] 제목, 문단, 연락처, 인용문 // <h1>~<h6>, <address>, <blockquote>, <hr>, <footer>, <pre>

반응형


| <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
    


반응형

이 글을 공유하기

댓글

Designed by JB FACTORY