태그 | 설명 |
<html> |
HTML 문서의 루트 요소를 정의.
|
<head> |
문서의 메타데이터를 포함하는 부분을 정의.
|
<title> |
문서의 제목을 정의.
|
<body> |
문서의 본문을 정의.
|
<h1>, <h2>, <h3>, ... <h6> |
제목을 정의하며, <h1>이 가장 큰 제목을 나타냅니다.
|
<p> | 단락을 정의. |
<a> |
하이퍼링크를 정의하며, 다른 문서나 동일 문서의 다른 위치로 이동할 수 있는 링크를 생성.
|
<img> | 이미지를 삽입. |
<ul> |
순서 없는 목록을 정의.
|
<ol> |
순서 있는 목록을 정의.
|
<li> |
목록의 항목을 정의.
|
<table> | 표를 정의. |
<tr> | 표의 행을 정의. |
<td> | 표의 셀을 정의. |
<th> |
표의 헤더 셀을 정의.
|
<form> |
사용자로부터 데이터를 입력받을 수 있는 양식을 정의.
|
<input> |
양식에서 입력 필드를 생성.
|
<button> |
클릭 가능한 버튼을 생성.
|
<select> |
드롭다운 목록을 생성.
|
<option> |
드롭다운 목록의 선택지를 정의.
|
<textarea> |
여러 줄의 텍스트 입력 필드를 생성.
|
<div> |
구획을 정의하며, CSS 스타일링을 적용하기 위해 사용됩니다.
|
<span> |
인라인 요소를 감싸며, 특정 부분에 스타일이나 이벤트를 적용하기 위해 사용됩니다.
|
<header> |
문서의 헤더 부분을 정의.
|
<nav> |
문서의 탐색 링크를 포함하는 네비게이션 영역을 정의.
|
<footer> |
문서의 푸터 부분을 정의.
|
<section> |
문서의 섹션을 정의.
|
<article> |
독립적으로 구분되거나 재사용 가능한 콘텐츠 영역을 정의.
|
<aside> |
별도의 콘텐츠 영역을 정의하며, 주 콘텐츠와는 관련이 적은 정보를 포함.
|
<main> |
문서의 주요 콘텐츠를 정의.
|
<strong> |
중요한 텍스트를 강조.
|
<em> |
텍스트를 강조하여 의미를 부여.
|
<b> |
텍스트를 굵게 표시.
|
<i> |
텍스트를 이탤릭체로 표시.
|
<u> |
텍스트에 밑줄을 표시.
|
<s> |
텍스트에 취소선을 표시.
|
<br> | 줄 바꿈을 표시. |
<hr> | 수평선을 표시. |
<code> |
코드 블록을 표시.
|
<pre> |
서식이 있는 텍스트를 표시.
|
<blockquote> |
긴 인용문을 표시.
|
<cite> |
인용문의 작성자를 나타냅니다.
|
<sub> |
아래 첨자로 텍스트를 표시.
|
<sup> |
위 첨자로 텍스트를 표시.
|
<abbr> |
약어 또는 머리글자를 정의.
|
<data> |
기계가 읽을 수 있는 데이터를 정의.
|
<time> |
시간을 나타내는 요소를 정의.
|
<mark> |
강조하려는 텍스트에 하이라이팅 효과를 줍니다.
|
<progress> |
작업의 진행 상태를 나타냅니다.
|
<meter> |
스칼라 측정값이나 분포 플롯을 나타냅니다.
|
<iframe> |
외부 문서나 웹 페이지를 삽입하기 위해 사용됩니다.
|
<audio> |
소리 미디어를 재생하기 위해 사용됩니다.
|
<video> |
비디오 미디어를 재생하기 위해 사용됩니다.
|
<source> |
<audio> 또는 <video> 요소의 미디어 리소스를 지정.
|
<track> |
<audio> 또는 <video> 요소에 대한 텍스트 트랙을 지정.
|
<canvas> |
그래픽이나 애니메이션을 렌더링하기 위해 사용되는 영역을 정의.
|
<svg> |
스케일러블 벡터 그래픽을 정의하기 위해 사용됩니다.
|
<map> |
이미지 맵을 정의.
|
<area> |
<map> 요소 내의 클릭 가능한 영역을 정의.
|
<script> |
JavaScript 코드를 문서에 포함시키기 위해 사용됩니다.
|
<noscript> |
스크립트가 비활성화된 경우 대체 콘텐츠를 제공.
|
<meta> |
문서의 메타데이터를 지정.
|
<head> |
문서의 헤더 부분을 정의.
|
<body> |
문서의 본문을 정의.
|
<style> |
문서에 CSS 스타일을 포함시키기 위해 사용됩니다.
|
<link> |
외부 CSS 파일이나 관련 문서와의 연결을 정의.
|
<title> |
문서의 제목을 정의.
|
<base> |
문서의 상대 URL 기준을 설정.
|
<bdo> |
텍스트 방향을 오른쪽에서 왼쪽으로 설정.
|
<del> |
삭제된 텍스트를 나타냅니다.
|
<ins> |
추가된 텍스트를 나타냅니다.
|
<caption> |
표의 제목을 정의.
|
<colgroup> |
표의 열 그룹을 정의하고 열 속성을 지정.
|
<col> |
표의 열을 정의하거나 열 속성을 지정.
|
<optgroup> |
선택 목록의 그룹을 정의.
|
<datalist> |
입력 필드에 대한 사전 정의된 옵션 목록을 정의.
|
<fieldset> |
입력 요소의 그룹을 정의하고 관련 레이블을 제공.
|
<legend> |
<fieldset>의 제목을 정의.
|
<details> |
추가 정보를 표시하는 위젯을 정의.
|
<summary> |
<details> 요소의 요약 정보를 정의.
|
<meter> |
스칼라 측정값이나 분포 플롯을 나타냅니다.
|
<progress> |
작업의 진행 상태를 표시.
|
<dialog> |
대화 상자 또는 모달 창을 정의.
|
<menu> |
목록 형태의 컨텍스트 메뉴를 정의.
|
<ruby> |
주석을 달거나 발음을 표기하기 위해 사용되는 루비(방울괄호) 주석을 정의.
|
<rt> |
루비(방울괄호) 주석에서 주석 텍스트의 표기 방법을 정의.
|
<rp> |
루비(방울괄호) 주석에서 브라우저가 지원하지 않을 경우 대체 텍스트를 정의.
|
<canvas> |
그래픽이나 애니메이션을 렌더링하기 위해 사용되는 영역을 정의.
|
<svg> |
스케일러블 벡터 그래픽을 정의하기 위해 사용됩니다.
|
<audio> |
오디오 미디어를 재생하기 위해 사용됩니다.
|
<video> |
비디오 미디어를 재생하기 위해 사용됩니다.
|
<source> |
<audio> 또는 <video> 요소의 미디어 리소스를 지정.
|
<track> |
<audio> 또는 <video> 요소에 대한 텍스트 트랙을 지정.
|
<map> |
이미지 맵을 정의.
|
<area> |
<map> 요소 내의 클릭 가능한 영역을 정의.
|
<iframe> |
외부 문서나 웹 페이지를 삽입하기 위해 사용됩니다.
|
<frame> |
<frameset> 요소 내에서 각각의 프레임을 정의. (사용은 지양됩니다)
|
<frameset> |
프레임을 정의하고 배치하는 프레임 세트를 정의. (사용은 지양됩니다)
|
<noframes> |
프레임이 지원되지 않을 때 표시되는 대체 콘텐츠를 정의. (사용은 지양됩니다)
|
<marquee> |
스크롤, 흐름, 반복되는 텍스트나 이미지를 표시. (사용은 지양됩니다)
|
<blink> |
깜박이는 텍스트를 표시. (사용은 지양됩니다)
|
<base> |
문서의 상대 URL 기준을 설정.
|
<bgsound> |
배경 음악을 재생. (사용은 지양됩니다)
|
<spacer> |
빈 공간 또는 구분 요소를 생성. (사용은 지양됩니다)
|
<keygen> |
암호화 키 쌍을 생성. (사용은 지양됩니다)
|
<acronym> |
줄임말을 정의. (사용은 지양됩니다)
|
<applet> |
Java 애플릿을 정의. (사용은 지양됩니다)
|
<isindex> |
검색 필드를 나타냅니다. (사용은 지양됩니다)
|
<dir> |
디렉터리 목록을 정의. (사용은 지양됩니다)
|
<menu> |
컨텍스트 메뉴 또는 명령 목록을 정의. (사용은 지양됩니다)
|
<plaintext> |
플레인 텍스트를 정의. (사용은 지양됩니다)
|
<strike> |
취소선을 나타냅니다. (사용은 지양됩니다)
|
<dir> |
디렉터리 목록을 정의. (사용은 지양됩니다)
|
<plaintext> |
플레인 텍스트를 정의. (사용은 지양됩니다)
|
<strike> |
취소선을 나타냅니다. (사용은 지양됩니다)
|
<basefont> |
기본 폰트 설정을 정의. (사용은 지양됩니다)
|
<big> |
큰 텍스트를 나타냅니다. (사용은 지양됩니다)
|
<center> |
내용을 가운데 정렬. (사용은 지양됩니다)
|
<font> |
글꼴 설정을 정의. (사용은 지양됩니다)
|
<frame> |
프레임을 정의. (사용은 지양됩니다)
|
<frameset> |
프레임을 정의하고 배치하는 프레임 세트를 정의. (사용은 지양됩니다)
|
<noframes> |
프레임이 지원되지 않을 때 표시되는 대체 콘텐츠를 정의. (사용은 지양됩니다)
|
<embed> |
외부 플러그인이나 멀티미디어 요소를 임베드.
|
<object> |
외부 리소스나 플러그인을 나타냅니다.
|
<param> |
<object> 요소의 매개변수를 정의.
|
<command> |
명령을 나타냅니다. (사용은 지양됩니다)
|
<key> |
단축키를 정의. (사용은 지양됩니다)
|
<base> |
문서의 기준 URL을 설정.
|
<mark> |
강조된 텍스트를 나타냅니다.
|
<output> |
계산 결과를 나타내는 출력 영역을 정의.
|
<wbr> |
단어나 문장 내에서 줄 바꿈 가능한 지점을 지정.
|
<template> |
클라이언트 측 템플릿을 정의.
|
<slot> |
클라이언트 측 템플릿에서 슬롯을 정의.
|
<shadow> |
웹 컴포넌트의 그림자 DOM을 정의.
|
<content> |
웹 컴포넌트의 내용을 정의.
|
<element> |
사용자 정의 웹 컴포넌트를 정의.
|
<slot> |
사용자 정의 웹 컴포넌트에서 슬롯을 정의.
|
<is> |
사용자 정의 웹 컴포넌트의 인스턴스를 생성.
|
<dialog> |
대화 상자를 정의.
|
<summary> |
<details> 요소의 요약 정보를 정의.
|
<datalist> |
입력 필드에 대한 사전 정의된 옵션 목록을 정의.
|
<keygen> |
암호화 키 쌍을 생성. (사용은 지양됩니다)
|
<output> |
계산 결과를 나타내는 출력 영역을 정의.
|
<source> |
<video> 또는 <audio> 요소에 대한 미디어 리소스를 지정.
|
<optgroup> |
선택 목록에서 옵션 그룹을 정의.
|
<option> |
선택 목록에서 옵션을 정의.
|
<output> |
계산 결과를 표시.
|
<progress> |
진행 상황을 표시.
|
<meter> |
범위와 함께 스칼라 값을 표시.
|
<textarea> |
여러 줄의 텍스트를 입력할 수 있는 입력 필드를 정의.
|
<keygen> |
암호화 키 쌍을 생성. (사용은 지양됩니다)
|
<article> |
문서, 페이지, 사이트, 또는 어플리케이션 안에서 독립적인 콘텐츠를 정의.
|
<aside> |
문서, 페이지, 사이트, 또는 어플리케이션의 주 콘텐츠와는 관련성이 떨어지는 콘텐츠를 정의.
|
<details> |
세부 사항을 표시하거나 숨길 수 있는 위젯을 정의.
|
<dialog> |
대화 상자를 정의.
|
<figcaption> |
<figure> 요소와 함께 사용하여 캡션을 표시.
|
<figure> |
독립적인 컨텐츠와 그에 대한 설명을 포함하는 그룹을 정의.
|
<footer> |
문서, 페이지, 사이트, 또는 어플리케이션의 종료나 작성자 정보를 표시.
|
<header> |
문서, 페이지, 사이트, 또는 어플리케이션의 시작이나 제목을 표시.
|
<main> |
문서, 페이지, 사이트, 또는 어플리케이션의 주 콘텐츠를 정의.
|
<mark> |
중요한 부분을 강조.
|
<nav> |
문서 내비게이션 링크를 정의.
|
<section> |
문서의 섹션을 정의.
|
<summary> |
<details> 요소의 요약 콘텐츠를 정의.
|
<time> |
날짜, 시간, 혹은 그들의 조합을 표시.
|
<wbr> |
단어 분리 지을 나타냅니다.
|