한양과학기술고등학교

에듀테크 프로젝트 대시보드

HTML 기본 구조

HTML 예제 1 / 20

아래 HTML 코드는 문서의 <body> 안에 들어갈 내용이에요. 왼쪽을 고쳐보면 오른쪽 결과 화면에 바로 반영됩니다.

시작하기 header main footer 태그
실시간 반영
결과 화면
💡 이렇게 바꿔보세요
  • <h1>~<h6> 은 제목, <p> 는 문단이에요
  • <header>/<main>/<footer> 는 의미를 나타내는 시맨틱 태그 — 자세히는 '시맨틱 태그' 예제에서
  • 글자를 굵게 하려면 <strong>, 기울이려면 <em> 을 감싸보세요
← HTML 예제 목록