html 태그, <h1></h1>, <p></p>,<br>

HTML 태그 레퍼런스

 

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

http://html5doctor.com/element-index/

https://www.w3schools.com/tags/default.asp

 

 

⬆️ 사이트를 참고해서 수시로 공부하자. 모르는 것 있으면 여기서 확인해보기!

 

---

제목 태그 (heading)

제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니다.

태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 <h1>~<h6>까지 있습니다.

보통 <h1>은 해당 페이지를 대표하는 큰 제목으로 주로 사용되며, 숫자가 올라갈수록 조금 더 낮은 수준의 소제목을 나타내게 됩니다.

하지만 현재 웹 페이지의 내용은 제목과 본문 식의 문서 형태보다는 주로 이미지나 그림처럼 시각적인 형태로 표현되고 있어서 제목 태그를 <h6>까지 쓰는 경우는 거의 없습니다.

 

제목 태그를 사용하면, 일반 텍스트보다 더 강조되는 스타일이 적용되는데 이는 브라우저가

기본적으로 제목 태그에 제공하는 스타일입니다.

제목이라는 의미에 맞게 기본적으로 좀 더 굵고 크게 표현이 됩니다.

 

 

---

단락 태그 (paragraph)

 

단락(paragraph) 태그는 paragraph를 줄여서 p로 씁니다.

 

<p></p> : 글의 단락을 나타낸다. 

<br> : 글의 줄바꿈을 생성한다. 

 

 

---

개행 (linebreak)

 

실제 코드창에 개행을 하더라도 화면에 나타나지는 않습니다.

따라서 개행을 위해 쓰이는 태그가 바로 <br>입니다. (linebreak 를 줄여서 br 이라고 합니다.)

<br>은 닫기 태그와 내용이 존재하지 않는 빈 태그입니다.

개행하고자 하는 곳에서 <br>을 선언하면 개행이 됩니다.

이처럼 <p>를 이용하면 태그 자체에서 자연스럽게 개행이 되지만, <p> 내부에서 강제로 개행을

하기 위해서는 <br>을 이용해야 합니다.