본문으로 건너뛰기

주요 HTML 태그

주요 HTML 태그

HTML 태그는 100개가 넘을 정도로 다양하지만, 아래와 같은 주요 태그들을 가장 빈번하게 사용합니다.

  • <div>: 웹페이지의 레이아웃(Division, 틀)을 구성하고, 하위 요소를 그룹화

  • <p>: 단락(Paragraph)을 나타내는 태그로, 텍스트로 구성된 문단 정의

  • <input>: 사용자로부터 데이터를 입력 받을 때 사용

  • <img>: 이미지를 표시하는 태그로, src 속성을 통해 이미지 파일의 경로 지정

  • <a>: 다른 웹페이지나 특정 섹션으로 이동하는 하이퍼링크(Hyperlink) 정의

  • <ul>: 순서가 없는 목록(Unordered List) 정의

  • <li>: <ul> 태그 내에서 목록 내 항목 콘텐츠 구성


참고로 종료 태그(</tag>) 없이 사용하는 태그를 단일 태그라고 합니다.

예를 들어 imginput 태그는 하위 내용을 갖지 않는 단일 태그로, <img /><input />와 같이 태그 오른쪽 끝에 슬래시(/)를 붙입니다.

input 단일 태그 예시
<input type="text" placeholder="이름 입력" />

위 코드는 사용자의 이름을 받는 텍스트 입력란 예시로, 마지막에 placeholder="이름 입력" />와 같이 슬래시가 시작 태그 뒤에 붙은 것을 확인할 수 있습니다.


실습

코드의 별표로 강조된 부분을 따라 입력해 보세요.