문단 태그
HTML 태그중에 개행 혹은 문단 개행을 할 때 쓰이는 태그에 대해 알아본다.
<br> : 개행(줄바꿈) 사용된다. 시작태그/끝태그 로 이루어지지 않아 <br> 또는 <br/>로 사용한다. 속성은 없다.
<p> : 문단을 나눌때 사용된다. 문단을 정렬할 때 자주 사용된다.
속성
align : 문단 정렬 속성 - left, right, center 값이 있다. 속정 미입력시 기본으로 left속성값을 가진다.
<hr> : 문단과 문단을 나눌 때 수평선을 그려준다.
속성
width : 수평선의 길이(px이나 %)을 정한다.
align : 정렬방식(left, right, center)를 정한다.
color : 수평선의 색상값을 정한다.
size : 수평선의 굵기(px)를 정한다.
<h> : 해드라인 같은 제목을 표시할 때 많이 사용된다. 1~6까지 글씨 크기를 정할 수 있다.
<h1></h1> ~ <h6></h6> 으로 이루어져 있다.
아래는 문단 태그 샘플 코드 이다.
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> </head> <body> <b><br> 태그</b><br/> <br/>줄을 바꿔주는 개행 태그이다.<br/> <br/>한번 더 개행 하였습니다.<br/><br/><br/> <b><p> 태그</b><br/> <p>문단을 나눌때 쓰는 태그입니다. 기본정렬 값은 왼쪽정렬 입니다.<br/> 문단의 둘째줄<br/></p> <p align="left">문단을 나눌때 쓰는 태그입니다. 왼쪽정렬<br/> 문단의 둘째줄<br/></p> <p align="right">문단을 나눌때 쓰는 태그입니다. 오른쪽 정렬<br/> 문단의 둘째줄<br/></p> <p align="center">문단을 나눌때 쓰는 태그입니다. 중앙정렬<br/> 문단의 둘째줄<br/></p> <br/><br/> <b><hr> 태그</b><br/><br/><br/> <hr width="80%"/><br/> 넓이가 화면의 80%이다<br/> <hr width="50%" align="right" size="5" /><br/> 넓이가 화면의 50%이고 우측정렬, 두께는 5이다.<br/> <hr width="200px" align="center" size="10" color="blue"/><br/> 넓이가 200px이고 중앙 정렬에 두께는 10, 색은 파란색이다. <br/><br/><br/> <b><h> 태그</b><br/> <h1>h1태그 입니다.</h1> <h2>h2태그 입니다.</h2> <h3>h3태그 입니다.</h3> <h4>h4태그 입니다.</h4> <h5>h5태그 입니다.</h5> <h6>h6태그 입니다.</h6> </body> </html>
출력
'프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] 목록 태그 - <ol><ul><dl> (0) | 2017.09.05 |
|---|---|
| [HTML] 문단/문장에 사용되는 태그들 (0) | 2017.09.04 |
| [HTML] marquee와 그 속성 - <marquee></marquee> (1) | 2017.09.03 |
| [HTML] font 태그 속성 - <font></font> (0) | 2017.09.02 |
| [HTML] <body></body>태그 속성에 대해 알아본다. (1) | 2017.08.31 |
댓글