| 01 |
<a> |
<a> 태그는 다른 페이지 이동을 설정합니다. |
star
star
star
star
star
|
|
| 02 |
<abbr> |
<abbr> 태그는 줄임말이나 머리글자를 표현하는데
사용합니다.
|
star
|
|
| 03 |
<acronym> |
<accronym> 태그는 줄임말이나 머리글자를 표현하는데
사용합니다.
|
grade
|
delete
|
| 04 |
<address> |
<address> 태그는 웹 페이지의 연락처 정보를 설정합니다.
|
star
star
|
|
| 05 |
<applet> |
<applet> 태그는 애프렛 요소를 설정합니다. 현재는
사용하지 않습니다.
|
star
|
delete
|
| 06 |
<area> |
<area> 태그는 이미지 맵의 영역을 설정합니다. |
star
|
|
| 07 |
<article> |
<article>태그는 문서, 페이지, 애플리케이션, 또는 사이트
안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을
나타냅니다.
|
star
star
star
|
|
| 08 |
<aside> |
<aside> 태그는 문서의 주요 내용과 간접적으로만 연관된
부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로
표현합니다.
|
star
star
|
|
| 09 |
<audio> |
<audio> 태그는 오디오 파일을 설정합니다. |
star
star
|
|
| 10 |
<b> |
<b> 태그는 글자를 굵게 표시하는 태그로, bold의
약자입니다.
|
star
|
|
| 11 |
<base> |
<base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다.
|
star
|
|
| 12 |
<bdi> |
<bdi> 태그는 주위의 텍스트들과는 다른 방향으로 써지는
텍스트 영역을 정의할 때 사용합니다.
|
star
|
|
| 13 |
<bdo> |
<bdo> 태그는 현재 텍스트의 쓰기 방향을 덮어쓰고 다른
방향으로 렌더링 할 때 사용합니다.
|
star
|
|
| 14 |
<bgsound> |
<bgsound> 태그는 페이지가 사용되는 동안 배경에서 재생할
사운드 파일을 설정합니다.
|
star
|
delete
|
| 15 |
<big> |
<big> 태그는 텍스트의 크기를 크게 설정합니다. |
star
|
delete
|
| 16 |
<blink> |
<blink> 태그는 텍스트를 깜박이게 합니다. |
star
|
delete
|
| 17 |
<blockquote> |
<blockquote> 태그는 안쪽의 텍스트가 긴 인용문임을
나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다.
|
star
|
|
| 18 |
<body> |
<body>태그는 HTML 문서의 내용을 나타냅니다. 한 문서에
하나의 <body> 요소만 존재할 수 있습니다.
|
star
star
star
star
star
|
|
| 19 |
<br> |
<br>태그는 텍스트 안에 줄바꿈을 생성합니다. |
star
star
star
star
star
|
|
| 20 |
<button> |
<button>태그는 클릭 가능한 버튼을 나타냅니다. 버튼은
양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서
어디에나 배치할 수 있습니다.
|
star
star
star
star
star
|
|
| 21 |
<canvas> |
<canvas>태그는 웹페이지에서 그래픽적인 것을 그릴 때
사용합니다.
|
star
|
|
| 22 |
<caption> |
<caption>태그는 표의 설명 또는 제목을 나타냅니다. |
star
star
|
|
| 23 |
<center> |
<center>태그는 또다른 블록요소을 포함하거나,
인라인요소(Inline)를 포함할 수 있는 블록속성(block-level) 의
요소입니다.
|
star
|
delete
|
| 24 |
<cite> |
<cite>태그는 저작물의 출처를 표기할 때 사용하며, 제목을
반드시 포함해야 합니다.
|
star
|
|
| 25 |
<code> |
<code>태그는 짧은 코드 조각을 나타내는 스타일을 사용해
자신의 콘텐츠를 표시합니다.
|
star
star
star
|
|
| 26 |
<col> |
<col>태그는 표의 열을 나타내며, 열에 속하는 칸에 공통된
의미를 부여할 때 사용합니다.
|
star
star
|
|
| 27 |
<colgroup> |
<colgroup>태그는 표의 열을 묶는 그룹을 정의합니다.
|
star
star
|
|
| 28 |
<content> |
<content>태그는 생성한 값으로 요소를 대체합니다. |
star
|
delete
|
| 29 |
<data> |
<data>태그는 특정한 데이터를 DOM 요소에 저장해두기
위함이 목적입니다.
|
star
|
|
| 30 |
<datalist> |
<datalist>태그는 다른 컨트롤에서 고를 수 있는 가능한,
혹은 추천하는 선택지를 나타내는 <option> 요소 여럿을
담습니다.
|
star
|
|
| 31 |
<dd> |
<dd>태그는 용어와 그에 대한 설명을 리스트 형식으로
보여주는 <dl> 요소에서 설명(description) 부분을 정의할
때 사용합니다.
|
star
|
|
| 32 |
<del> |
<del>태그는 문서에서 제거된 텍스트의 범위를 나타냅니다.
|
star
|
|
| 33 |
<details> |
<details>태그는 "열림" 상태일 때만 내부 정보를 보여주는
정보 공개 위젯을 생성합니다.
|
star
star
star
|
|
| 34 |
<dfn> |
<dfn>태그는 현재 맥락이나 문장에서 정의하고 있는 용어를
나타냅니다.
|
star
|
|
| 35 |
<dialog> |
<dialog>태그는 요소는 닫을 수 있는 경고, 검사기, 창 등
대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다.
|
star
|
|
| 36 |
<dir> |
<dir>태그는 요소의 쓰기 방향을 나타내는 열거형
특성입니다.
|
star
|
delete
|
| 37 |
<div> |
<div>태그는 플로우 콘텐츠를 위한 통용 컨테이너입니다.
CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지
않습니다.
|
star
star
star
star
star
|
|
| 38 |
<dl> |
<dl>태그는 주로 용어사전 구현이나 메타데이터(키-값 쌍
목록)를 표시할 때 사용합니다.
|
|
|
| 39 |
<dt> |
<dt>태그는 설명 혹은 정의 리스트에서 용어를 나타냅니다.
|
star
|
|
| 40 |
<em> |
<em>태그는 텍스트의 강세를 나타냅니다. <em> 요소를
중첩하면 더 큰 강세를 뜻하게 됩니다.
|
star
star
star
|
|
| 41 |
<embed> |
<embed>태그는 외부 애플리케이션이나 대화형 콘텐츠를
포함시킬 수 있는 컨테이너(container)를 정의할 때 사용합니다.
|
star
|
|
| 42 |
<fieldset> |
<fieldset>태그는 웹 양식의 여러 컨트롤과 레이블(
<label> )을 묶을 때 사용합니다.
|
star
|
|
| 43 |
<figcaption> |
<figcaption>태그는 부모 <figure> 요소가 포함하는
다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.
|
star
star
|
|
| 44 |
<figure> |
<figure>태그는 독립적인 콘텐츠를 표현합니다. 주 문서
플로우가 참조하지만, 다른 부분이나 부록으로 이동해도 문제 없는
이미지, 삽화, 도표, 코드 조각 등을 맡습니다.
|
star
star
star
star
|
|
| 45 |
<font> |
<font>태그는 본문의 글자 크기, 색상과 및면을 정의합니다.
|
star
|
delete
|
| 46 |
<footer> |
<footer>태그는 가장 가까운 구획 콘텐츠나 구획 루트의
푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권
정보, 관련 문서 등의 내용을 담습니다.
|
star
star
star
|
|
| 47 |
<form> |
<form>태그는 정보를 제출하기 위한 대화형 컨트롤을
포함하는 문서 구획을 나타냅니다.
|
star
star
star
|
|
| 48 |
<frame> |
<frame>태그는 다른 HTML 문서가 표시될 수 있는 특정
영역을 정의하는 element입니다. frame은 <frameset>내에서
사용되어야 한다.
|
star
|
delete
|
| 49 |
<frameset> |
<frameset>태그는 문서의 레이아웃을 구성하기 위해
사용되는 프레임(frame)들의 집합을 정의할 때 사용합니다.
|
star
|
delete
|
| 50 |
<head> |
<head>태그는 페이지를 열 때 브라우저에 표시되는
<body>요소와 다르게, head의 내용는 페이지에 표시되지
않습니다.
|
star
star
star
star
|
|
| 51 |
<header> |
<header>태그는 소개 및 탐색에 도움을 주는 콘텐츠를
나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도
포함할 수 있습니다.
|
star
star
star
|
|
| 52 |
<h1> |
<h1>태그는 HTML 문서에서 제목(heading)을 정의할 때
사용합니다.
|
star
star
star
|
|
| 53 |
<hgroup> |
<hgroup>태그는 문서 구획의 다단계 제목, 섹션의 제목
그룹을 나타냅니다.
|
star
|
delete
|
| 54 |
<hr> |
<hr>태그는 이야기 장면 전환, 구획 내 주제 변경 등, 문단
레벨 요소에서 주제의 분리를 나타냅니다.
|
star
star
star
|
|
| 55 |
<html> |
<html>태그는 HTML 문서를 구성하는 기본 단위입니다.
|
star
star
star
star
star
|
|
| 56 |
<i> |
<i>태그는 텍스트에서 어떤 이유로 주위와 구분해야 하는
부분을 나타냅니다.
|
star
star
star
|
|
| 57 |
<iframe> |
<iframe>태그는 중첩 브라우징 맥락을 나타내는 요소로,
현재 문서 안에 다른 HTML 페이지를 삽입합니다.
|
star
star
star
star
|
|
| 58 |
<image> |
<image>태그는 문서에 이미지를 넣습니다. |
star
|
delete
|
| 59 |
<img> |
<img>태그는 문서에 이미지를 넣습니다. |
star
star
star
star
star
|
|
| 60 |
<input> |
<input>태그는 웹 기반 양식에서 사용자의 데이터를 받을 수
있는 대화형 컨트롤을 생성합니다.
|
star
star
star
star
|
|
| 61 |
<ins> |
<ins>태그는 문서에 추가된 텍스트의 범위를 나타냅니다.
|
star
|
|
| 62 |
<kbd> |
<kbd>태그는 키보드 입력, 음성 입력 등 임의의 장치를
사용한 사용자의 입력을 나타냅니다.
|
star
|
|
| 63 |
<keygen> |
<keygen>태그는 키의 일부로서 재료를 생성하고, 공개 키의
제출을 용이하게 합니다.
|
star
|
delete
|
| 64 |
<label> |
<label>태그는 사용자 인터페이스 항목의 설명을
나타냅니다.
|
star
star
|
|
| 65 |
<legend> |
<legend>태그는 <fieldset> 요소의 캡션(caption)을
정의할 때 사용합니다.
|
star
|
|
| 66 |
<li> |
<li>태그는 목록의 항목을 나타냅니다. |
star
star
star
star
star
|
|
| 67 |
<link> |
<link>태그는 현재 문서와 외부 리소스의 관계를
명시합니다.
|
star
star
|
|
| 68 |
<main> |
<main>태그는 문서 <body>의 주요 콘텐츠를
나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심
기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.
|
star
star
star
star
|
|
| 69 |
<map> |
<map>태그는 이미지 맵(클릭 가능한 링크 영역)을 정의할 때
사용합니다.
|
star
|
|
| 70 |
<mark> |
<mark>태그는 현재 맥락에 관련이 깊거나 중요해 표시 또는
하이라이트한 부분을 나타냅니다.
|
star
|
|
| 71 |
<marquee> |
<marquee>태그는 다양한 칼러의 바탕색에 역시 다양한
칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다.
|
star
|
delete
|
| 72 |
<menu> |
<menu>태그는 사용자가 수행하거나 하는 명령 묶음을
말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼
아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.
|
star
|
|
| 73 |
<menuitem> |
<menuitem>태그는 해당 페이지에서 마우스 오른쭉 눌렀을 때
나타나는 팝업 페이지에 명령이나 메뉴 사항 추가합니다.
|
star
|
delete
|
| 74 |
<meta> |
<meta>태그는 해당 문서에 대한 정보인
메타데이터(metadata)를 정의할 때 사용합니다.
|
star
|
|
| 75 |
<meter> |
<meter>태그는 특정 범위 내에서의 스칼라 값, 또는 백분율
값을 나타냅니다.
|
star
|
|
| 76 |
<nav> |
<nav>태그는 문서의 부분 중 현재 페이지 내, 또는 다른
페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는
예제는 메뉴, 목차, 색인입니다.
|
star
star
|
|
| 77 |
<nobr> |
<nobr>태그는 자동 줄바꿈을 방지합니다. |
star
|
delete
|
| 78 |
<noembed> |
<noembed>태그는 브라우저가 <embed>태그를 지원하지
않는 경우에만 나타납니다.
|
star
|
delete
|
| 79 |
<noframes> |
<noframes>태그는 일반적인 HTML 문서의 <body>
요소에서 찾을 수 있는 모든 HTML 요소를 포함할 수 있으며,
<frameset> 요소 내부에 위치하게 됩니다.
|
star
|
delete
|
| 80 |
<noscript> |
<noscript>태그는 페이지의 스크립트 유형을 지원하지
않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML
구획을 정의합니다.
|
star
|
|
| 81 |
<object> |
<object>태그는 이미지나, 중첩된 브라우저 컨텍스트,
플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를
나타냅니다.
|
star
|
|
| 82 |
<ol> |
<ol>태그는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로
표현합니다.
|
star
|
|
| 83 |
<optgroup> |
<optgroup>태그는 옵션 메뉴를 제공하는 드롭다운
리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때
사용합니다.
|
star
|
|
| 84 |
<option> |
<option>태그는 <select>, <optgroup>,
<datalist> 요소의 항목을 정의합니다. 그러므로,
<option>을 사용해 팝업 메뉴 등 목록에서 하나의 항목을
나타낼 수 있습니다.
|
star
|
|
| 85 |
<output> |
<output>태그는 웹 사이트나 앱에서 계산이나 사용자 행동의
결과를 삽입할 수 있는 컨테이너 요소입니다.
|
star
|
|
| 86 |
<p> |
<p>태그는 하나의 문단을 나타냅니다. 시각적인 매체에서,
문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로
구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는
콘텐츠 무엇이나 될 수 있습니다.
|
star
star
star
star
star
|
|
| 87 |
<param> |
<param>태그는 <object> 요소의 매개변수를
정의합니다.
|
star
|
delete
|
| 88 |
<picture> |
<picture>태그는 ![]() 요소의 다중 이미지
리소스(multiple image resources)를 위한 컨테이너를 정의할 때
사용합니다.
|
star
|
|
| 89 |
<plaintext> |
<plaintext>태그는 요소는 다음과 같은 HTML을 무시하고,
원시 텍스트로 시작 태그 다음 모든 것을 렌더링합니다. 닫는
태그가 없습니다. 그 뒤의 모든 내용은 원시 텍스트로 간주되기
때문입니다.
|
star
|
delete
|
| 90 |
<portal> |
<portal>태그는 새로운 페이지에 부드러운 탐색을 허용하는
목적을 위해 현재에 또 다른 HTML 페이지의 삽입을 가능하게한다.
|
star
|
|
| 91 |
<pre> |
<pre>태그는 미리 서식을 지정한 텍스트를 나타내며, HTML에
작성한 내용 그대로 표현합니다.
|
star
star
|
|
| 92 |
<progress> |
<progress>태그는 어느 작업의 완료 정도를 나타내며, 주로
진행 표시줄의 형태를 띕니다.
|
star
|
|
| 93 |
<q> |
<q>태그는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을
나타냅니다.
|
star
|
|
| 94 |
<rb> |
<rb>태그는 표기의 기반 텍스트 구성요소(루비 주석을
적용하려는 글자)를 나눌 때 사용합니다.
|
star
|
delete
|
| 95 |
<rp> |
<rp>태그는 요소를 사용한 루비 주석을 지원하지 않는 경우
보여줄 괄호를 제공할 때 사용합니다.
|
star
|
|
| 96 |
<rt> |
<rt>태그는 동아시아 문자의 루비 주석에서 발음, 번역 등을
나타내는 텍스트 부분을 지정합니다.
|
star
|
|
| 97 |
<rtc> |
<rtc>태그는 <rb> 요소가 표시하는 문자의 의미에
대한 주석을 나타냅니다.
|
star
|
delete
|
| 98 |
<ruby> |
<ruby>태그는 루비 주석을 나타냅니다. 루비 주석은
동아시아 문자의 발음을 표기할 때 사용합니다.
|
star
|
|
| 99 |
<s> |
<s>태그는 글자에 취소선, 즉 글자를 가로지르는 선을
그립니다.
|
star
|
|
| 100 |
<samp> |
<samp>태그는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를
나타냅니다.
|
star
|
|
| 101 |
<script> |
<script>태그는 데이터와 실행 가능한 코드를 문서에 포함할
때 사용하며 보통 JavaScript 코드와 함께 씁니다.
|
star
star
star
star
star
|
|
| 102 |
<section> |
<section>태그는 HTML 문서의 독립적인 구획을 나타내며, 더
적합한 의미를 가진 요소가 없을 때 사용합니다.
|
star
star
star
|
|
| 103 |
<select> |
<select>태그는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다.
|
star
star
star
|
|
| 104 |
<shadow> |
<shadow>태그는 그림자 태그입니다. |
star
|
delete
|
| 105 |
<slot> |
<slot>태그는 웹 컴포넌트 사용자가 자신만의 마크업으로
채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수
있는 웹 컴포넌트 내부의 플레이스홀더입니다.
|
star
|
|
| 106 |
<small> |
<small>태그는 덧붙이는 글이나, 저작권과 법률 표기 등의
작은 텍스트를 나타냅니다.
|
star
|
|
| 107 |
<source> |
<source>태그는 <audio> 요소나 <video> 요소,
<picture> 요소에서 사용할 수 있는 다중 미디어
자원(multiple media resources)을 정의할 때 사용합니다.
|
star
|
|
| 108 |
<spacer> |
<spacer>태그는 페이지에 빈 공간의 삽입을 허용 사용되지
않는 HTML 요소입니다.
|
star
|
delete
|
| 109 |
<span> |
<span>태그는 인라인 요소이며, 구문 콘텐츠를 위한 통용
인라인 컨테이너로 본질적으로는 아무것도 나타내지 않습니다.
|
star
star
star
star
star
|
|
| 110 |
<strike> |
<strike>태그는 텍스트 한가운데 라인을 추가할 때
사용합니다.
|
star
|
delete
|
| 111 |
<strong> |
<strong>태그는 중대하거나 긴급한 콘텐츠를 나타냅니다.
보통 브라우저는 굵은 글씨로 표시합니다.
|
star
|
|
| 112 |
<style> |
<style>태그는 문서나 문서 일부에 대한 스타일 정보를
포함합니다.
|
star
star
star
star
star
|
|
| 113 |
<sub> |
<sub>태그는 활자 배치를 아래 첨자로 해야 하는 인라인
텍스트를 지정합니다.
|
star
|
|
| 114 |
<summary> |
<summary>태그는 <details> 요소에 의해 생성되는
대화형 위젯에서 기본적으로 보이는 제목을 정의할 때 사용합니다.
|
star
star
star
|
|
| 115 |
<sup> |
<sup>태그는 활자 배치를 위 첨자로 해야 하는 인라인
텍스트를 지정합니다.
|
star
|
|
| 116 |
<table> |
<table>태그는 행과 열로 이루어진 표를 나타냅니다. |
star
star
star
star
star
|
|
| 117 |
<tbody> |
<tbody>태그는 표의 여러 행(<tr>)을 묶어서 표
본문을 구성합니다.
|
star
star
star
star
star
|
|
| 118 |
<td> |
<td>태그는 데이터를 포함하는 표의 셀을 정의합니다.
|
star
star
star
star
star
|
|
| 119 |
<template> |
<template>태그는 페이지를 불러온 순간 즉시 그려지지는
않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는
HTML 코드를 담을 방법을 제공합니다
|
star
|
|
| 120 |
<textarea> |
<textarea>태그는 멀티라인 일반 텍스트 편집 컨트롤을
나타냅니다.
|
star
star
star
|
|
| 121 |
<tfoot> |
<tfoot>태그는 테이블의 열을 요약하는 행들의 집합입니다.
|
star
|
|
| 122 |
<th> |
<th>태그는 HTML 테이블에서 제목이 되는 헤더 셀(header
cell)을 정의할 때 사용합니다.
|
star
star
star
star
star
|
|
| 123 |
<thead> |
<thead>태그는 테이블의 열의 머리글인 행들의 집합입니다.
|
star
star
star
star
star
|
|
| 124 |
<time> |
<time>태그는 기계가 읽을 수 있는 형태로 날짜와 시간을
표현할 때 사용합니다.
|
star
|
|
| 125 |
<title> |
<title>태그는 브라우저의 제목 표시줄이나 페이지 탭에
보이는 문서 제목을 정의합니다. 텍스트만 포함할 수 있으며
태그를 포함하더라도 무시합니다.
|
star
|
|
| 126 |
<tr> |
<tr>태그는 태그는 테이블에서 셀들로 이루어진 하나의
행(row)을 정의할 때 사용합니다.
|
star
star
star
star
star
|
|
| 127 |
<track> |
<track>태그는 미디어 요소( , )의 자식으로서, 자막 등
시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다.
|
star
|
|
| 128 |
<tt> |
<tt>태그는 텔레타이프 텍스트(teletype text)를 나타낼 때
사용합니다.
|
star
|
delete
|
| 129 |
<u> |
<u>태그는 글자로 표현하지 않는 주석을 가진 것으로 렌더링
해야 하는 텍스트를 나타냅니다.
|
star
|
|
| 130 |
<ul> |
<ul>태그는 정렬되지 않은 목록을 나타냅니다. |
star
star
star
star
star
|
|
| 131 |
<var> |
<var>태그는 수학 표현 또는 프로그래밍에서 변수의 이름을
나타냅니다. 보통 현재 글씨체의 기울임꼴로 표시하지만,
브라우저마다 다를 수 있습니다.
|
star
|
|
| 132 |
<video> |
<video>태그는 비디오 플레이백을 지원하는 미디어
플레이어를 문서에 삽입합니다.
|
star
star
|
|
| 133 |
<wbr> |
<wbr>태그는 현재 요소의 줄 바꿈 규칙을 무시하고
브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.
|
star
|
|
| 134 |
<xmp> |
<xmp>태그는 HTML 요소 사이의 고정 폭 폰트 사용에 HTML을
해석하지 않고 시작 태그와 종료 태그 사이의 텍스트를
렌더링합니다.
|
star
|
delete
|