자주 사용하는 태그:
목차:

기본 구조

<!DOCTYPE>

HTML 문서의 타입을 선언

<html>

HTML 문서의 루트 요소

<head>

문서의 메타데이터를 포함

<body>

문서의 본문을 포함

<title>

문서의 제목

<base>

기본 URL 지정

<link>

외부 리소스 연결

텍스트

<p>

단락을 정의

<span>

인라인 텍스트 컨테이너

<div>

블록 레벨 컨테이너

제목 태그

<h1> ~ <h6>

강조 태그

<strong>, <em>, <mark>

코드 태그

<code>, <pre>, <kbd>

수정 태그

<del>, <ins>

<small>

작은 텍스트를 정의

<time>

날짜/시간을 정의

<data>

기계가 읽을 수 있는 데이터 정의

<mark>

강조 표시된 텍스트

<wbr>

줄바꿈 가능한 위치

<bdo>

텍스트 방향 정의

<bdi>

양방향 텍스트 격리

<blockquote>

긴 인용문을 정의

루비 태그

<ruby>, <rt>, <rp>, <rb>

<rb>

루비 베이스(루비 그룹)

<rtc>

루비 텍스트 컨테이너(루비 그룹)

<u>

밑줄이 있는 텍스트

위/아래 첨자

<sub>, <sup>

<strong>

중요한 텍스트 강조

<samp>

컴퓨터 프로그램 출력

<kbd>

키보드 입력

<dfn>

용어 정의

<cite>

작품의 제목

<abbr>

약어 또는 머리글자

폼

<form>

입력 폼을 정의

<input>

입력 필드를 정의

<select>

드롭다운 목록을 정의

<textarea>

여러 줄 텍스트 입력

<button>

클릭 가능한 버튼

<label>

폼 요소의 레이블

<fieldset>

폼 요소 그룹화

<legend>

fieldset의 제목

<optgroup>

옵션 그룹화

<datalist>

입력 필드의 미리 정의된 옵션

<output>

계산 결과 출력

<progress>

작업 진행률 표시

<meter>

측정값 표시

<keygen>

키 생성(비표준, 폐지됨)

<command>

명령 버튼(비표준, 폐지됨)

<option>

드롭다운 목록의 옵션

미디어

<img>

이미지를 삽입

<video>

비디오를 재생

<audio>

오디오를 재생

<canvas>

그래픽을 그리는 영역

<svg>

벡터 그래픽을 정의

<picture>

반응형 이미지

<source>

미디어 소스 정의

<track>

미디어 트랙 정의

<map>

이미지 맵 정의

<area>

이미지 맵 영역 정의

테이블

<table>

테이블을 정의

목록

목록 태그

<ul>, <ol>, <li>

<menu>

메뉴 목록 정의

<menuitem>

메뉴 항목 정의

시맨틱

시맨틱 태그

<header>, <nav>, <main> 등

<details>

추가 정보 표시/숨김

<summary>

details 요소의 제목

<dialog>

대화 상자 정의

<section>

문서의 독립적인 섹션

<article>

독립적인 콘텐츠

<nav>

네비게이션 링크

<aside>

부가적인 콘텐츠

기타

<a>

하이퍼링크를 정의

<iframe>

인라인 프레임을 정의

<embed>

외부 콘텐츠 삽입

<object>

외부 리소스 삽입

<param>

object 요소의 매개변수

메타데이터 태그

<meta>, <link> 등

<math>

수학 표현식

<meta http-equiv="refresh"> (redirect)

일정 시간 후 자동으로 다른 페이지로 이동 (redirect, 메타 리다이렉트)

<template>

HTML 템플릿 정의

<slot>

웹 컴포넌트 콘텐츠 삽입

<noscript>

JavaScript 비활성화 시 대체 콘텐츠