YalySeung

그냥 개발자

🧱 HTML 태그란?

정의

HTML 태그는 문서 구조와 의미를 표현하는 기본 요소다.

태그는 화면에 보이는 내용뿐 아니라 문서의 구조와 역할을 정하는 데 중요하다.
의미에 맞는 태그를 사용하면 문서의 가독성과 유지보수성이 좋아진다.

🧩 구조 태그

  • h1부터 h6
  • p
  • br
  • hr
  • div
  • span

이 태그들은 문서의 제목, 문단, 줄바꿈, 구분선, 영역 구분에 자주 사용된다.

📋 목록 태그

  • ol
  • ul
  • li

순서가 있는 목록과 없는 목록을 만들 때 사용한다.

🔗 링크와 리소스 태그

  • a
  • img
  • link
  • script
  • style

외부 페이지 연결, 이미지 표시, CSS 연결, JavaScript 연결 등에 사용한다.

📝 폼 태그

  • form
  • input
  • button
  • textarea
  • select
  • option

사용자 입력을 받는 화면에서 자주 사용한다.

🧭 시맨틱 태그

  • header
  • nav
  • section
  • article
  • aside
  • footer

문서의 의미와 구조를 더 명확하게 표현할 때 사용한다.

🔍 자주 같이 보는 태그

  • main
  • strong
  • em
  • table
  • tr
  • td
  • th

이 태그들은 문서 표현과 구조화에 자주 쓰인다.

📌 정리

  • HTML 태그는 문서의 의미와 구조를 나타낸다.
  • 구조 태그, 목록 태그, 링크와 리소스 태그, 폼 태그, 시맨틱 태그로 나눠서 보면 이해하기 쉽다.
  • 의미에 맞는 태그를 사용하면 문서 품질이 좋아진다.

연결문서

댓글남기기

참고