본문 바로가기

개발자정보

웹 개발자 HTML 태그 정리

반응형

태그 설명
<!--...--> 주석
<!DOCTYPE>  문서유형(Defines the document type)
<a> 하이퍼링크를 걸어주는 태그
<abbr> 두문자어(acronym)와, 약어(abbreviation )에 사용
<acronym> HTML5 지원하지 않음. <abbr> 대체하여 사용.
축약된 단어나 두문자어, 머리글자로 만든 문장
<address> 문서의 작성자, 소유자 연락처(단체, 조직 등에 대한 연락처 정보를 나타냅)
<applet> HTML5 지원하지 않음. <embed> 또는 <object> 대체하여 사용
applet
<area> 이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의할 때 사용
<article> 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅
<aside> Defines content aside from the page content
<audio> Defines embedded sound content
<b> 단순히 굵게 표현되는 텍스트를 정의할 때 사용
<base> Specifies the base URL/target for all relative URLs in a document
<basefont> HTML5 지원하지 않음, CSS로 대체하여 사용.
Specifies a default color, size, and font for all text in a document
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo> 문자의 방향성 지정,  dir 속성의 값이 ltr일 경우 왼쪽에서 오른쪽으로, rtl일 경우 반대로 오른쪽에서 왼쪽으로
<big> HTML5 지원하지 않음, CSS로 대체하여 사용.
큰글씨
<blockquote> 긴 인용구
<body> Defines the document's body
<br> Defines a single line break
<button> Defines a clickable button
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption> Defines a table caption
<center> HTML5 지원하지 않음, CSS로 대체하여 사용.
Defines centered text
<cite> 저작물의 출처를 표기, 인용구
<code> 프로그램코드 등 소스 코드
<col> Specifies column properties for each column within a <colgroup> element 
<colgroup> Specifies a group of one or more columns in a table for formatting
<data> Adds a machine-readable translation of a given content
<datalist> Specifies a list of pre-defined options for input controls
<dd> 내부에 용어 대한 설명을 작성
<del> 삭제된 문자열 표시함
<details> Defines additional details that the user can view or hide
<dfn> 문장에서 정의하고 있는 용어를 나타냅니다
<dialog> Defines a dialog box or window
<dir> HTML5 지원하지 않음. Use <ul> instead.
Defines a directory list
<div> Defines a section in a document
<dl> 용어의 정의와 내용 설명이 필요할 때 사용하는 태그(Defines a description list)
<dt>
내부에 설명 할 용어 작성
Defines a term/name in a description list
<em> 주위 텍스트에 비해 강조된 부분을 나타냄
<embed> Defines a container for an external application
<fieldset> Groups related elements in a form
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content
<font> HTML5 지원하지 않음, CSS로 대체하여 사용.
Defines font, color, and size for text
<footer> Defines a footer for a document or section
<form> Defines an HTML form for user input
<frame> HTML5 지원하지 않음.
Defines a window (a frame) in a frameset
<frameset> HTML5 지원하지 않음.
Defines a set of frames
<h1> to <h6> Defines HTML headings
<head> Contains metadata/information for the document
<header> Defines a header for a document or section
<hr> Defines a thematic change in the content
<html> Defines the root of an HTML document
<i> 글자를 기울여서 표시하는 태그로, italic의 약자
<iframe> Defines an inline frame
<img> Defines an image
<input> Defines an input control
<ins> 삽입된 문자열
<kbd> 키보드로부터 직접 입력한 문자열
<label> Defines a label for an <input> element
<legend> Defines a caption for a <fieldset> element
<li> 리스트(list)에 포함되는 아이템(item)을 정의, Defines a list item
<link> Defines the relationship between a document and an external resource (most used to link to style sheets)
<main> Specifies the main content of a document
<map> Defines an image map
<mark> 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅
<meta> Defines metadata about an HTML document
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<noframes> HTML5 지원하지 않음.
Defines an alternate content for users that do not support frames
<noscript> Defines an alternate content for users that do not support client-side scripts
<object> Defines a container for an external application
<ol> 순서를 가지는 목록을 표시하며 type 속성으로 숫자의 표현 형식(Defines an ordered list)
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<output> Defines the result of a calculation
<p> Defines a paragraph
<param> Defines a parameter for an object
<picture> Defines a container for multiple image resources
<pre> 공백, 탭, 특수문자, 줄바꿈 등을 입력한 그대로 출력 단 태그는 태그로 인식한다.
<progress> Represents the progress of a task
<q> 짧은 인용문, 자동으로 따옴표가 붙습니다.
<rp> 태그를 지원하지 않는 브라우저에서 추가로 출력하는 문자
<rt> 글자 위쪽에 출력 할 발음 기호 (for East Asian typography)
<ruby> 글자 위쪽에 발음 기호를 표시하기 위한 태그 (for East Asian typography)
<s> 수정되어야 할 문장
<samp> 컴퓨터 프로그램 출력의 예시(혹은 인용문)
<script> Defines a client-side script
<section> Defines a section in a document
<select> Defines a drop-down list
<small> 글자 크기가 작은 텍스트를 정의할 때
<source> Defines multiple media resources for media elements (<video> and <audio>)
<span> Defines a section in a document
<strike> HTML5 지원하지 않음,  대신 <del> 또는 <s> 사용
취소선
<strong> <strong> 태그는 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용
<style> Defines style information for a document
<sub> 아래첨자를 넣을 때 사용, subscript의 약자
<summary> Defines a visible heading for a <details> element
<sup> 위 첨자
<svg> Defines a container for SVG graphics
<table> Defines a table
<tbody> Groups the body content in a table
<td> Defines a cell in a table
<template> Defines a container for content that should be hidden when the page loads
<textarea> Defines a multiline input control (text area)
<tfoot> Groups the footer content in a table
<th> Defines a header cell in a table
<thead> Groups the header content in a table
<time> Defines a specific time (or datetime)
<title> Defines a title for the document
<tr> Defines a row in a table
<track> Defines text tracks for media elements (<video> and <audio>)
<tt> HTML5 지원하지 않음, CSS로 대체하여 사용.
텔레타이프 텍스트(teletype text)를 표시 할 떄 사용
<u> 밑줄 태그
<ul> 순서가 없는 목록을 표기하여 type속성으로 글머리 기호의 모양(disc, circle, square, none)  지정 가능
<var> 변수
<video> Defines embedded video content
<wbr> Defines a possible line-break
<xmp> 와 유사하지만 태그도 단순 문자로 출력한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형

'개발자정보' 카테고리의 다른 글

웹 개발자 Javascript 정리  (0) 2022.06.12
웹 개발자 CSS 정리  (0) 2022.06.11
자바 Threads를 활용한 병렬처리  (0) 2022.06.04
자바 추상화(Abstraction)와 상속  (0) 2022.06.04
Java Exceptions  (0) 2022.06.04