반응형
| <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
반응형
'Language & Solution > HTML&CSS' 카테고리의 다른 글
[HTML&CSS] 블록 레벨, 인라인 레벨 요소 (Block Level Element, Inline Level Element) (1) | 2019.10.02 |
---|---|
[HTML&CSS] 목록 작성하기 // <ul>, <ol>,<li>, <a href="#">, <dl>, <dt>, <dd> (0) | 2018.12.10 |
[HTML&CSS] 루비 주석과 시간 표현 // <ruby>, <rt>, <time> (0) | 2018.12.10 |
[HTML&CSS] 단어의 정의, 약어, 작품의 제목 표현 // <dfn>, <abbr>, <cite> (0) | 2018.12.10 |
[HTML&CSS] 구문 강조, 하이라이팅(Highlight) 지정 <string>, <em>, <mark> (0) | 2018.12.10 |
이 글을 공유하기