본문 바로가기

HTML5 글자 태그

131ZIPDAN 2017. 5. 23.
반응형

HTML5 글자 태그

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목 글자 태그</title>
</head>
<body>
<h1>제목 1</h1>
<h2>제목 2</h2>
<h3>제목 3</h3>
<h4>제목 4</h4>
<h5>제목 5</h5>
<h6>제목 6</h6>
</body>
</html> 

기본 제목 글자 태그

h태그 : heading 문서의 제목 표현.

- h1 첫 번째 가장 큰 제목 생성 h2, h3,h4.. 순차적으로 작은 제목 생성.

 

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>P태그 Paragraph,hr,br</title>
</head>
<body>
<h1>문단 p</h1>
<hr/>
<p>pppp ppppppp ppppppppp ppppppppp pppppp</p>
<p>pppp ppppppp ppppppppp ppppppppp pppppp</p>

<br/>
<br/>
<br/>
a     b
<h1>문단 p</h1>
<p>pppp ppppppp ppppppppp ppppppppp pppppp</p>
<p>pppp ppppppp ppppppppp ppppppppp pppppp</p>
</body>
</html>

본문 태그

p태그 : 본문 글자 생성

br태그 : 줄 바꾸기

hr태그 : 수평 줄 삽입

- p태그는 Paragraph를 의미. 문단 하나를 생성.

- br 태그는 다른 글자 태그 내부에 삽입가능, hr 태그는 불가.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글자 모양 태그</title>
</head>
<body>
Lorem</b><br/>
<!-- 두껍게 -->
<b>Lorem</b><br/>
<!-- 이태릭 - 기울임 -->
<i>Lorem</i><br/>
<!-- 작은 글자 -->
<small>Lorem</small><br/>
<!-- 아래 첨자 -->
<sub>Lorem</sub><br/>
<!-- 위 첨자 -->
<sup>Lorem</sup><br/>
<!-- 밑줄 글자 -->
<ins>Lorem</ins><br/>
<!-- 취소선 -->
<del>Lorem</del><br/>
</body>
</html>

글자 모양 태그

b 태그 : 굵은 글자

i 태그 : 기울어진 글자

small 태그 : 작은 글자

sub 태그 : 아래 첨자

sup 태그 : 위 첨자

ins 태그 : 밑줄 글자

del 태그 : 취소선

 

반응형

'Programming' 카테고리의 다른 글

HTML5 이미지 태그  (0) 2017.05.25
HTML5 테이블 태그  (0) 2017.05.24
HTML5 목록 태그  (0) 2017.05.23
HTML5 하이퍼링크 설정  (0) 2017.05.23
HTML5 페이지 기본 구조  (0) 2017.05.22

댓글