[html5] <h1~6> - 제목표시,<p> - 단락, <br>

티스토리 뷰

[개발]프로그래밍/html5

좋은 블로그 2020. 12. 26. 07:00

1. 개념

<h1 ~ 6> - 제목 표시 , <p> - 단락 ,<br> - 줄 바꿈

<h1 ~ 6> : 제목을 뜻하는 heading으로 일반적으로 사용하는 텍스트보다 진하게 표시됨
숫자가 작을수록 글씨가 커지고 숫자가 커질수록 글씨가 작아짐

<p> : paragraph의 줄임말로 앞 뒤에 줄바꿈
이 태그 안에 있을 때는 텍스트 줄이 브라우저를 넘어갈 경우 자동으로 줄바꿈이 됨

<br> : break의 줄임말로 줄바꿈 없이 한 줄로 표시
이 태그는 닫는 태그가 없음

2. 태그

html5 코드

<! DOCTYPE html>

<head>

</head>

<body>

br 테스트 입니다1 <br>

br 테스트 입니다2 <br>

</body>

</html>

결과 화면

코드 설명

<h1~ 6> ...... </h1~ 6>

H1부터 6까지 해서 테스트 입니다 라고 입력해 볼 때 1이 제일 크고 6의 제일 작은 것임을 확인하실 수 있습니다.

p태그는 br 태그와 다르게 앞뒤로 줄 바꿈이 되었음을 알 수 있습니다.

<br>

br은 한 줄로 표시됩니다.

공지사항

최근에 올라온 글

최근에 달린 댓글