[HTML] HTML 기본 구조와 태그

HTML

👉 HTML이란?

웹 페이지의 내용을 서술하고 정의하한다. html 언어에서는 태그라는 문법적 틍성으로 요소를 표현한다.

👉 HTML의 기본 구조

• html, head, body
• html은 문서의 시작과 끝을 나타내며 문서의 메타 정보를 정의
• body안에는 실제 사용자에게 보여질 화면을 구현

👉 서식 태그

heading

• 주제를 나타낸다.
• h1, h2, h3, …

paragraph

• 문단을 나타낸다.
• <p>

break

• 줄바꿈을 나타낸다.
• <br>

italic, strong, bold

• i, string, b

horizontal rule

• 문서 내에 가로선을 삽입
• 홀태그로 하나의 태그만 사용
• hr

👉 리스트 태그

• Ordered list 태그: ol
• Unordered list 태그 : ul
• List item 태그 : li

순서대로 나타내는 리스트

<ol>
  <li>강아지</li>
  <li>고양이</li>
</ol>

👉 Block과 Inline

Block

• 태그의 내용과 관계 없이 상위 요소의 너비에 맞게 너비를 차지
• 레이아웃의 영역을 지정할 때 사용됨
• <div>, <article>, <header>, <footer>

Inline

• 태그의 내용에 맞춰서 너비가 결정됨
• 레이아웃의 영향을 주지 않고 일부 내용에만 스타일이나 구분을 주고 싶을 때 사용
• <span>