HTML <body>: <h>,<p>

김휘진·2023년 9월 20일
0

HTML/CSS

목록 보기
3/5

body태그

  • body태그 내부에 작성된 내용들은 실제 웹 브라우저 화면에 나타나는 내용이다.
  • html문서에는 단 하나의 body요소만 존재할 수 있다.
  • body태그 내부에는 다양한 기능의 태그들이 존재한다.
  • body의 기본적인 태그로는 제목, 문단 태그가 있다.

제목 : h태그

  • h태그는 제목(heading)을 나타내는 태그다.
  • h태그는 h1~h6까지 있으며 숫자 크기별로 크기가 달라진다.

h1

h2

h3

h4

h5
h6

문단 : p태그

  • p태그는 문단(paragraph)을 나타내는 태그다.
  • 문단과 문단 사이는 간격이 크다.
  • 문단 내에서 줄바꿈을 하고 싶을 때 br태그를 이용한다.
  • 제목보다는 본문내용 작성 시 사용된다.
  • p태그의 글자 크기는 h4의 크기와 같다.
  • p태그 내부에 내용 작성 중 줄바꿈을 원한다면 br태그를 사용

br태그를 두 번 사용 시 빈줄이 생겨 텍스트 단락이 나뉜 것처럼 화면 표시 가능
but, 실제 단락이 만들어진 것(X), css로 텍스트 단락 스타일을 적용할 때 문제 발생!
텍스트 단락을 만들 때는 p태그를 사용해야 한다.

본문 내용을 작성 시 사용하는 p태그

본문 내용 작성 중 줄바꿈을 원한다면
br을 앞에 작성하면
이렇게 줄바꿈이 된다.

문단 : blockquote태그

  • blockquote태그는 태그 안에 내용을 인용문으로 인식해 다른 텍스트보다 약간 들여쓰는 태그다.

일반적인 본문내용이 나타나는 p태그부분

인용문으로 인식해 들여쓰기를 하는 blockquote태그
profile
Don't give up, I can do (IT)

0개의 댓글