티스토리 뷰

HTML

HTML 태그 버전

HTML 태그

HTML 태그를 알파벳 순으로 정리하였습니다.


HTML 태그

  • html5 : HTML5에서 새로 생긴 태그입니다. HTML5 태그이기 때문에 구브라우저에서는 작동이 안 될 수 있습니다.
  • html5 : HTML5에서 삭제된 태그 및 속성입니다.
  • 오래된 태그 : 이 태그는 오래된 태그이거나 HTML5에서 삭제된 태그입니다. 사용하여도 적용은 되지만 사용하는 것을 추천하지 않습니다.

태그(Tag)

속성 설명 사용 버전
<a> <a> 태그는 하이퍼 링크를 정의합니다. - -
<abbr> <abbr> 태그는 생략된 글자나 머리글자를 표시하는데 사용합니다. - -
<acronym> <acronym> 태그는 생략된 글자나 약어를 표시하는데 사용합니다. 오래된 태그 -
<address> <address> 태그는 페이지의 연락처 정보를 정의하는데 사용합니다. - -
<applet> <applet> 태그는 애플랫 요소를 정의합니다. - -
<area> <area> 태그는 이미지 맵의 영역을 정의합니다. - -
<article> <article> 태그는 문서내에 독립적인 컨텐츠를 정의합니다. - html5
<aside> <aside> 태그는 문서내에 사이드 컨텐츠를 정의합니다. - html5
<audio> <audio> 태그는 오디오 파일을 정의합니다. - html5
<b> <b> 태그는 글씨를 두껍게 표현할 때 사용합니다. - -
<base> <base> 태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다. - -
<basefont> <basefont> 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 오래된 태그 -
<bdi> <bdi> 태그는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다. - html5
<bdo> <bdo> 태그는 텍스트의 방향을 설정합니다. - html5
<big> <big> 태그는 텍스트 크기를 크게해줍니다. 오래된 태그 -
<blockquote> <blockquote> 태그는 긴 문장의 인용문을 정의합니다. - -
<blink> <blink> 태그는 텍스트를 깜박이게 설정합니다. 오래된 태그 -
<body> <body> 태그는 문서 본문에 해당하는 콘텐츠를 포함하는 영역입니다. - -
<br> <br> 태그는 텍스트를 줄바꿈 할 때 사용합니다. - -
<button> <button> 태그는 클릭 할 수 있는 버튼을 설정합니다. - -
<canvas> <canvas> 태그는 그림을 그리는 비트맵을 정의합니다. - html5
<caption> <caption> 태그는 table 요소의 제목을 설정합니다. - -
<center> <center> 태그는 텍스트를 가운데 정렬합니다. 오래된 태그 -
<cite> <cite> 태그는 인용한 작품의 참조를 정의합니다. - -
<code> <code> 태그는 컴퓨터 코드를 나타내는 텍스트를 정의합니다. - -
<col> <col> 태그는 테이블 요소의 행을 나타냅니다. - -
<colgroup> <colgroup> 태그는 테이블 요소의 행을 그룹화합니다. - -
<data> <data> 태그는 주어진 내용을 기계가 읽을 수 있도록 설정합니다. - html5
<datalist> <datalist> 태그는 미리 정의된 옵션의 리스트를 보여줍니다. - html5
<dd> <dd> 태그는 용어를 설명하는 태그입니다. - -
<del> <del> 태그는 문서 내에 삭제된 텍스트를 설정합니다. - -
<details> <details> 태그는 추가정인 정보를 보여주거나 숨기게 할 수 있습니다. - html5
<dfn> <dfn> 태그는 전문적인 용어를 정의할 때 사용합니다. - -
<dialog> <dialog> 태그는 추가정인 정보를 팝업(박스) 형식으로 보여줍니다. - html5
<dir> <dir> 태그는 파일 및 폴더의 디렉토리를 정의합니다. 오래된 태그 -
<div> <div> 태그는 문서의 섹션을 만들거나 영역을 나눌 때 사용합니다. - -
<dl> <dl> 태그는 용어를 설명하는 목록형 태그입니다. - -
<dt> <dt> 태그는 설명 목록의 용어 및 이름을 정의합니다. - -
<em> <em> 태그는 텍스트를 강조하는데 사용합니다. - -
<embed>> <embed> 태그는 외부 어플리케이션을 연결합니다. - -
<fieldset> <fieldset> 태그는 폼 요소의 그룹 내부 영역을 설정합니다. - -
<figcaption> <figcaption> 태그는 <figure> 요소의 제목을 정의합니다. - html5
<figure> <figure> 태그는 그림, 도표, 사진, 코드등의 주석으로 표시합니다. - html5
<font> <font> 태그는 폰트의 크기, 색, 종류를 설정합니다. 오래된 태그 -
<footer> <footer> 태그는 사이트 웹 문서의 바닥글 영역을 정의합니다. - -
<form> <form> 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 정의합니다. - -
<frame> <frame> 태그는 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. - -
<frameset> <frameset> 태그는 프레임을 정의합니다. - -
<h1>~<h6> <h1>~<h6> 태그는 섹션의 제목을 정의합니다. - -
<head> <head> 태그는 제목과 스크립트, 스타일 시트, 메타 정보 등을 제공합니다. - -
<header> <header> 태그는 웹 문서의 소개 컨텐츠 및 네비게이션 링크를 정의합니다. - html5
<hgroup> <hgroup> 태그는 제목 요소 그룹화를 정의합니다. - -
<hr> <hr> 태그는 문서의 주제를 분리할 때 사용합니다. - -
<html> <html> 태그는 웹 문서의 최상위 요소 문서의 루트를 나타냅니다. - -
<i> <i> 태그는 평범한 글자와 구분하기 위해 사용됩니다. - -
<iframe>> <iframe> 태그는 웹 문서에 다른 문서를 포함하는데 사용합니다. - -
<img>> <img> 태그는 문서에 이미지를 표현할 때 사용합니다. - -
<input>> <input> 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다. - -
<ins> <ins> 태그는 문서 내에 추가된 텍스트를 정의합니다 - -
<kbd> <kbd> 태그는 키보드 입력요소를 나타내는 텍스트를 정의합니다. - -
<keygen> <keygen> 태그는 보안키를 생성하고 컨트롤합니다. - -
<label> <label> 태그는 해당 <input> 요소의 제목을 설정합니다. - -
<legend> <legend> 태그는 <fieldset> 요소의 영역 제목을 정의합니다. - -
<li> <li> 태그는 목록의 항목을 정의합니다. - -
<link> <link> 태그는 문서와 외부 파일 연결을 정의합니다. - -
<main> <main> 태그는 문서의 주요 콘텐츠를 정의합니다. - html5
<map> <map> 태그는 이미지 맵을 정의합니다. - -
<mark> <mark> 태그는 참고 표시를 정의합니다. - html5
<marquee> <marquee> 태그는 텍스트의 스크롤과 움직임을 정의합니다. - -
<menu> <menu> 태그는 메뉴 리스트를 정의합니다. - -
<menuitem> <menuitem> 태그는 메뉴 리스트를 항목을 정의합니다. 오래된 태그 -
<meta> <meta> 태그는 웹 문서에 대한 정보를 제공합니다. - -
<meter>> <meter> 태그는 범위를 측정하는 게이지 정보를 정의합니다. - html5
<nav> <nav> 태그는 네비게이션 링크를 정의합니다. - html5
<noframes> <noframes> 태그는 프레임이 지원되지 않을 경우 대체 메세지를 표시합니다. - -
<noscript> <noscript> 태그는 스크립트를 지원하지 않는 브라우저를 위한 대체 태그입니다. - -
<object> <object> 태그는 웹 문서에 포함된 멀티미디어 요소를 정의합니다. - -
<ol> <ol> 태그는 순서가 있는 목록을 정의합니다. - -
<optgroup> <optgroup> 태그는 <select> 메뉴 <option> 리스트의 그룹화를 설정합니다. - -
<option> <option> 태그는 <select> 요소의 항목을 정의합니다. - -
<output> <output> 태그는 계산의 결과를 보여줍니다. - -
<p> <p> 태그는 문단을 정의합니다. - -
<param> <param> 태그는 <object> 의 매개변수를 정의합니다. - -
<picture> <picture> 태그는 디바이스별 이미지를 제공합니다. - -
<pre> <pre> 태그는 텍스트의 포맷을 정의합니다. - -
<pregress> <pregress> 태그는 작업의 진행상태를 정의합니다. - -
<q> <q> 태그는 짧은 인용을 정의합니다 - -
<rp> <rp> 태그는 루비 주석을 괄호로 표현하기 위해서 사용합니다. - -
<rt> <rt> 태그는 루비 주석에 대한 설명이나 발음을 정의합니다. - -
<rtc> <rtc> 태그는 루비 주석에 대한 설명이나 발음을 정의합니다. - -
<ruby> <ruby> 태그는 루비 주석을 정의합니다. - -
<s> <s> 태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다. - -
<samp> <samp> 태그는 컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소입니다. - -
<script> <script> 태그는 스크립트를 정의하는데 사용합니다. - -
<section> <section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다. - -
<select> <select> 태그는 선택 목록을 정의합니다. - -
<small> <small> 태그는 저작권 또는 법적인 텍스트를 정의합니다. - -
<source> <source> 태그는 미디어 요소에 대한 소스를 지정하는데 사용합니다. - -
<span> <span> 태그는 인라인 요소 그룹화를 정의합니다. - -
<strike> <span> 태그는 취소선을 정의합니다. - -
<strong> <strong> 태그는 중요한 의미를 갖는 텍스트를 정의합니다. - -
<style> <style> 태그는 문서에 대한 스타일 정보를 정의합니다. - -
<sub> <sub> 태그는 텍스트 아래첨자를 정의합니다. - -
<summary> <summary> 태그는 <details>요소 내용에 대한 요약 또는 제목을 정의합니다. - -
<sup> <sup> 태그는 텍스트 위첨자를 정의합니다. - -
<svg> <sup> 태그는 SVG를 정의합니다. - -
<table> <table> 태그는 표를 정의합니다. - -
<tbody> <tbody> 태그는 표의 본문을 그룹화합니다. - -
<td> <td> 태그는 표의 셀을 정의합니다. - -
<template> <td> 태그는 템플릿을 표현합니다. - -
<textarea> <textarea> 태그는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의합니다. - -
<tfoot> <tfoot> 태그는 표의 푸터를 그룹화합니다. - -
<th> <th> 태그는 표의 행이나 열에 머리말을 정의합니다. - -
<thead> <thead> 태그는 표의 헤더를 그룹화합니다. - -
<time> <time> 태그는 날자와 시간을 정의합니다. - -
<title> <title> 태그는 HTML문서의 타이틀을 정의합니다. - -
<tr> <tr> 태그는 표의 행을 정의합니다. - -
<track> <track> 태그는 미디어 요소의 트랙을 지정합니다. - -
<tt> <tt> 태그는 타자모양의 텍스트를 정의합니다. - -
<u> <u> 태그는 밑줄을 표시할 때 사용합니다. - -
<ul> <ul> 태그는 순서가 없는 목록을 정의합니다. - -
<var> <var> 태그는 프로그램 코드에서 변수를 정의합니다. - -
<video> <video> 태그는 미디어 영상을 재생합니다. - -
<wbr> <wbr> 태그는 줄바꿈 할 위치를 정의합니다. 오래된 태그 html5

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

질문하기(Questions)
댓글쓰기 폼