Notice
Recent Posts
Recent Comments
Link
«   2026/05   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴

개발자도전

2-2. HTML - 글자 관련 태그 본문

HTML

2-2. HTML - 글자 관련 태그

도do 2022. 9. 29. 22:52
728x90
  • <body></body> 태그에 작성한다.
  • <h1~h6> 태그 : heading tag로 제목을 입력할 때 사용하는 태그이다.     
HTML에서 태그를 이용해서 작성하면 웹에서 위와 같이 나온다.

 

  • <hr> : horizon, 수평선으로 밑의 선처럼 얇은 가로줄이 출력된다.

 

  • HTML은 연속된 띄어쓰기는 1칸 띄어쓰기로 인식되고, 엔터는 인식되지 않는다.
HTML에서 작성한 화면 웹에서 출력된 화면
  • HTML에서 띄어쓰기를 연속으로 하기 위해서는 &nbsp; 을 작성하면 작성한 만큼 띄어쓰기가 된다.
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