개발자도전
2-2. HTML - 글자 관련 태그 본문
728x90
- <body></body> 태그에 작성한다.
- <h1~h6> 태그 : heading tag로 제목을 입력할 때 사용하는 태그이다.
![]() |
![]() |
| HTML에서 태그를 이용해서 작성하면 | 웹에서 위와 같이 나온다. |
- <hr> : horizon, 수평선으로 밑의 선처럼 얇은 가로줄이 출력된다.

- HTML은 연속된 띄어쓰기는 1칸 띄어쓰기로 인식되고, 엔터는 인식되지 않는다.
![]() |
![]() |
| HTML에서 작성한 화면 | 웹에서 출력된 화면 |
- HTML에서 띄어쓰기를 연속으로 하기 위해서는 을 작성하면 작성한 만큼 띄어쓰기가 된다.
![]() |
|
| HTML에서 작성한 화면 | 웹에서 출력된 화면 |
- <br> 태그 : line BReak. 줄바꿈.
- <p></p> 태그 : Paragrahp 문단, 단락 / 글 작성용 태그로 문단을 구분함. 태그 앞,뒤로 간격이 생김
![]() |
![]() |
| HTML에서 작성한 화면 <p> 태그 안에서 <br>을 작성하지 않으면 한 줄 띄어쓰기가 되지 않는다. |
웹에서 출력된 화면 |
- <pre></pre> 태그 : Preformated 글 작성용 태그로 문단을 구분한다. 시작, 종료 태그 사이에 작성된 문자열의 형식을 그대로 화면에 표현(출력)해준다.
![]() |
![]() |
| HTML에서 작성한 화면 | 웹에서 출력된 화면 - <pre>태그가 들여쓰기가 되어있어 출력 화면도 그만큼 들여쓰기 된 채 출력됨. - <pre> 태그의 특징에 따라 작성한 모양대로 출력이 됨. |
728x90
'HTML' 카테고리의 다른 글
| 3. HTML - 목록 관련 태그 (0) | 2022.10.02 |
|---|---|
| 2-3. HTML - 글자 관련 태그 (0) | 2022.09.29 |
| 2. HTML - 문자 관련 태그 (0) | 2022.09.29 |
| 1-2. HTML (0) | 2022.09.29 |
| 1. HTML (0) | 2022.09.29 |
Comments









