본문 바로가기
html, css, javascript

html 헤더와 단락 사용법 <h1></h>, <p></p>

by 타닥타닥 토다토닥 부부 2023. 4. 20.
반응형

html 헤더와 단락 사용법 <h1></h>, <p></p>

 

헤더
- 헤더는 웹 페이지의 제목이나 섹션 제목을 표시하는 데 사용되는 요소입니다.
- HTML에서는
<h1>부터 <h6>까지 여섯 가지 헤더 태그를 제공합니다.
- <h1>은 가장 큰 텍스트 크기를 가지며 중요도가 높습니다.
- <h6>는 가장 작은 텍스트 크기를 가지며 중요도가 낮습니다.

 

예시

<h1>대제목</h1>
<h2>소제목 1</h2>
<h3>소제목 2</h3>
<h4>소제목 3</h4>
<h5>소제목 4</h5>
<h6>소제목 5</h6>

적용결과

대제목

소제목 1

소제목 2

소제목 3

소제목 4
소제목 5

 

 


단락
- 단락은 웹 페이지의 텍스트 내용을 구분하는 데 사용되는 요소입니다.
- HTML에서는
<p> 태그를 사용하여 단락을 생성합니다.
- <p> 태그 안에 들어있는 텍스트는 웹 브라우저에 의해 자동으로 줄바꿈되어 표시됩니다.

예시

<p>이것은 첫 번째 단락입니다. 여기에는 텍스트, 링크, 이미지 등 다양한 콘텐츠를 포함할 수 있습니다.</p>
<p>이것은 두 번째 단락입니다. 단락 사이에는 웹 브라우저에 의해 자동으로 여백이 적용됩니다.</p>

적용결과

이것은 첫 번째 단락입니다. 여기에는 텍스트, 링크, 이미지 등 다양한 콘텐츠를 포함할 수 있습니다.

이것은 두 번째 단락입니다. 단락 사이에는 웹 브라우저에 의해 자동으로 여백이 적용됩니다.

반응형

댓글