제목과 본문 태그

제목 태그는 제목을 나타내고 싶을 때 사용한다. 중요도에 따라 <h1>부터 <h6>까지 사용할 수 있다. 

  <h1>h1 제목입니다.</h1>
  <h2>h2 제목입니다.</h2>
  <h3>h3 제목입니다.</h3>
  <h4>h4 제목입니다.</h4>
  <h5>h5 제목입니다.</h5>
  <h6>h6 제목입니다.</h6>

 

 

 

 

 

 

 

 

 

본문 태그

• <p>

- paragraphs의 약자로, 단락 혹은 문단이라는 뜻. <p>내용</p> 형식으로 사용하면된다.

 

• <div>

-  division의 약자로 분할의 뜻을 가진다. 

- 아무 것도 나타내지 않고 그저 각각의 태그를 구분 짖기 위해 사용하는 태그이다.

- 보통 css를 이용하여 레이아웃를 배치할 때 css를 효과적으로 적용하기 위해, 또는 묶어서 사용하기 위해 사용한다.

<section>
	<div>
		<p>1번 문장입니다.</p>
		<p>2번 문장입니다.</p>
	</div>
	<p>3번 문장입니다.</p>
</section>

 

 

 

 

 

 

 

 

• <pre>

- preformatted의 약자로, 형식화된 텍스트를 즉, 적은 내용 그대로를 브라우저에 표시하는 태그다.

<pre>구름IDE는 언제 어디서나
	개발할 수 있는 웹 기반 IDE입니다.
	동일한 도커 컨테이너 환경에 접속한
	모든 사용자들은 코드를 동시 편집할 수 있고,
	공유 링크를 통해 협업과 질문을
	매우 편리하게 진행할 수 있습니다.</pre>

 

 

 

 

 

 

 

• <br>

- break의 약자로, 엔터(enter)와 동일한 역할을 한다. 즉 줄 바꿈이다.

- 다른 태그와는 다르게 종료태그가 없다.(빈 요소)