(새 문서: == 개요== 태그는 HTML 웹 브라우저에서 사용되는 문법을 나타내는 표시이다. 태그는 브라우저 마다 조금씩 다르며, 작동하는 방법이 다를...)
 
 
(같은 사용자의 중간 판 5개는 보이지 않습니다)
1번째 줄: 1번째 줄:
== 개요==
== 개요==
태그는 HTML 웹 브라우저에서 사용되는 문법을 나타내는 표시이다. 태그는 브라우저 마다 조금씩 다르며, 작동하는 방법이 다를 수 있다.  
[[태그]]는 HTML 웹 브라우저에서 사용되는 문법을 나타내는 표시이다. [[태그]]는 브라우저 마다 조금씩 다르며, 작동하는 방법이 다를 수 있다.  
보통은 <code><태그> ,,, </태그></code> 형식으로 작동되며, 중간에 글의 내용이 들어간다.
보통은 <code><[[태그]]> ,,, </[[태그]]></code> 형식으로 작동되며, 중간에 글의 내용이 들어간다.
 


==태그 목록==
==태그 목록==
12번째 줄: 11번째 줄:
! 태그 !! 설명 || 구분 || 비고
! 태그 !! 설명 || 구분 || 비고
|-
|-
| &lt;big&gt; || 글자를 크게 함, small 참조 || 서식 || HTML5 X
| &lt;[[big]]&gt; || 글자를 크게 함, small 참조 || 서식 || HTML5 X
|-
|-
| &lt;body&gt; || 문서의 body를 정의 || 기본 ||  
| &lt;body&gt; || 문서의 body를 정의 || 기본 || 지원되지 않음
|-
|-
| &lt;!-- ... --&gt; || 주석, 이 안의 모든 태그는 작동하지 않음 || 기본  ||  
| &lt;!-- ... --&gt; || [[주석]], 이 안의 모든 내용과 태그는 작동하지 않음 || 기본  ||  
|-
|-
| &lt;br&gt; || 개행문자 || 기본 ||
| &lt;[[br]]&gt; || 개행문자 || 기본 ||
|-
|-
| &lt;button&gt; || 클릭버튼의 정의 ||  입력 ||  
| &lt;[[button]]&gt; || 클릭버튼의 정의 ||  입력 ||  
|-
|-
| &lt;caption&gt; || 표 caption을 정의 || 테이블 ||  
| &lt;[[caption]]&gt; || 표 caption을 정의 || 테이블 || 지원되지 않음
|-
|-
| &lt;center&gt; || 텍스트 가운데 정렬  || 서식 || HTML5 X   
| &lt;[[center]]&gt; || 텍스트 가운데 정렬  || 서식 || HTML5 X   
|-
|-
| &lt;col&gt; || 표에서 컬럼 속성 지정, &lt;colgroup&gt;  || 테이블  ||  
| &lt;[[col]]&gt; || 표에서 컬럼 속성 지정, &lt;[[colgroup]]&gt;  || 테이블  || 지원되지 않음
|-
|-
| &lt;colgroup&gt; || 표에서 컬럼 속성 지정, &lt;colgroup&gt;  || 테이블  ||  
| &lt;[[colgroup]]&gt; || 표에서 컬럼 속성 지정, &lt;[[colgroup]]&gt;  || 테이블  || 지원되지 않음
|-
|-
| &lt;dd&gt; || 설명 목록의 용어 / 이름을 설명, &lt;DT&gt;, &lt;DD&gt;  ||기울기  ||  
| &lt;[[dd]]&gt; || 설명 목록의 용어 / 이름을 설명, &lt;[[dt]]&gt;, &lt;[[dd]]&gt;  ||기울기  ||  
|-
|-
| &lt;del&gt; || 삭제줄 표시  || 서식  ||  
| &lt;[[del]]&gt; || 삭제줄 표시  || 서식  ||  
|-
|-
| &lt;dir&gt; || 설명 목록을 규정, &lt;ul&gt사용 || 기울기 || HTML5 X  
| &lt;[[dir]]&gt; || 설명 목록을 규정, &lt;[[ul]]&gt;사용 || 기울기 || HTML5 X  
|-
|-
| &lt;dl&gt; || 설명 목록을 정의, &lt;DT&gt;, &lt;DD&gt;  ||기울기  ||  
| &lt;[[dl]]&gt; || 설명 목록을 정의, &lt;[[dt]]&gt;, &lt;[[dd]]&gt;  ||기울기  ||  
|-
|-
| &lt;dt&gt; || 설명 목록을 정의, &lt;DT&gt;, &lt;DD&gt;  || 기울기 ||  
| &lt;[[dt]]&gt; || 설명 목록을 정의, &lt;[[dt]]&gt;, &lt;[[dd]]&gt;  || 기울기 ||  
|-
|-
| &lt;em&gt; || 텍스트를 강조함  || 서식 ||  
| &lt;[[em]]&gt; || 텍스트를 강조함  || 서식 ||  
|-
|-
| &lt;figcaption&gt; || 그림을 마크업하고 캡션을 정의 &lt;figure&gt;요소  || 이미지 ||  
| &lt;[[figcaption]]&gt; || 그림을 마크업하고 캡션을 정의 &lt;[[figure]]&gt;요소  || 이미지 ||  
|-
|-
| &lt;figure&gt; || 그림을 마크업하고 캡션을 정의 &lt;figure&gt;함께 사용  ||이미지  ||  
| &lt;[[figure]]&gt; || 그림을 마크업하고 캡션을 정의 &lt;[[figure]]&gt;함께 사용  ||이미지  || 지원되지 않음
|-
|-
| &lt;font&gt; || 글꼴, 글꼴 크기 및 텍스트의 색상을 지정. || 서식  || HTML5 X
| &lt;[[font]]&gt; || 글꼴, 글꼴 크기 및 텍스트의 색상을 지정. || 서식  || HTML5 X
|-
|-
| &lt;footer&gt; || 문서 나 구역의 바닥 글을 정의  ||  스타일 ||  
| &lt;[[footer]]&gt; || 문서 나 구역의 바닥 글을 정의  ||  스타일 ||  
|-
|-
| &lt;h1&gt; to &lt;h6&gt; || 레벨별 제목을 규정 ||  기본 ||  
| &lt;[[h1]]&gt; to &lt;[[h6]]&gt; || 레벨별 제목을 규정 ||  기본 ||  
|-
|-
| &lt;hr&gt; || 주제별 구분자로 사용, 폭, 높이, 음영 속성 지원 ||  기본 || 우남위키 X
| &lt;[[hr]]&gt; || 주제별 구분자로 사용, 폭, 높이, 음영 속성 지원 ||  기본 || 우남위키 X,{{-}} 틀{{틀|--}}로 대체
|-
|-
| &lt;html&gt; || HTML 문서를 정의 ||  기본 ||  
| &lt;[[html]]&gt; || HTML 문서를 정의 ||  기본 ||  
|-
|-
| &lt;i&gt; || 기울임 글꼴 표시 || 서식 ||  
| &lt;[[i]]&gt; || 기울임 글꼴 표시 || 서식 ||  
|-
|-
| &lt;frame&gt; || 프레임을 규정  || 프레임  ||  HTML5 X
| &lt;[[frame]]&gt; || 프레임을 규정  || 프레임  ||  HTML5 X
|-
|-
| &lt;iframe&gt; || 인라인 프레임을 규정  || 프레임  ||  
| &lt;[[iframe]]&gt; || 인라인 프레임을 규정  || 프레임  ||  
|-
|-
| &lt;img&gt; || 이미지 속성 규정  || 이미지 ||  
| &lt;[[img]]&gt; || 이미지 속성 규정  || 이미지 || 지원되지 않음
|-
|-
| &lt;input&gt; || 데이터를 입력 할 수있는 입력 필드를 규정 || 입력 ||  
| &lt;[[input]]&gt; || 데이터를 입력 할 수있는 입력 필드를 규정 || 입력 ||  
|-
|-
| &lt;ins&gt; || 삽입된 텍스트를 정의, 일반적으로 밑줄을 표시함 || 서식 ||  
| &lt;[[ins]]&gt; || 삽입된 텍스트를 정의, 일반적으로 밑줄을 표시함 || 서식 ||  
|-
|-
| &lt;kbd&gt; || 키보드 입력을 규정 || 서식 ||  
| &lt;[[kbd]]&gt; || 키보드 입력을 규정 || 서식 || 지원되지 않음
|-
|-
| &lt;label&gt; || 여러 가지 요소에 대한 레이블을 정의 || 입력 ||  
| &lt;[[label]]&gt; || 여러 가지 요소에 대한 레이블을 정의 || 입력 || 지원되지 않음
|-
|-
| &lt;li&gt; || 정렬된 목록의 정의, li ul 태그 참조 ||  ||  
| &lt;[[li]]&gt; || 정렬된 목록의 정의, li ul 태그 참조 ||  ||  
|-
|-
| &lt;map&gt; || Defines an image map || 이미지 ||  
| &lt;[[map]]&gt; || Defines an image map || 이미지 || 지원되지 않음
|-
|-
| &lt;mark&gt; || 형광팬 태그 || 서식 ||  
| &lt;[[mark]]&gt; || 형광팬 태그 || 서식 ||  
|-
|-
| &lt;ol&gt; || 정렬된 목록의 정의, li ul 태그 참조  ||기울기  ||  
| &lt;[[ol]]&gt; || 정렬된 목록의 정의, li ul 태그 참조  ||기울기  ||  
|-
|-
| &lt;p&gt; || 구문의 정의  || 서식 ||  
| &lt;[[p]]&gt; || 구문의 정의  || 서식 ||  
|-
|-
| &lt;picture&gt; || 이미지 속성 규정, soutce, img 태그 속성을 가짐 || 이미지 ||  
| &lt;[[picture]]&gt; || 이미지 속성 규정, soutce, img 태그 속성을 가짐 || 이미지 || 지원되지 않음
|-
|-
| &lt;pre&gt; || 태그 속성을 무시하여 보여줌, nowiki 태그 유사 || 서식 ||  
| &lt;[[pre]]&gt; || 태그 속성을 무시하여 보여줌, nowiki 태그 유사 || 서식 ||  
|-
|-
| &lt;q&gt; || 짧은 인용을 정의  || 서식 ||  
| &lt;[[q]]&gt; || 짧은 인용을 정의  || 서식 ||  
|-
|-
| &lt;rp&gt; || 루비 주석, ruby 및 rt rp함께 사용  || 서식 ||  
| &lt;[[rp]]&gt; || 루비 주석, ruby 및 rt rp함께 사용  || 서식 || 틀 {{틀|루비}} 참조
|-
|-
| &lt;rt&gt; || 루비 주석, ruby 및 rt rp함께 사용 || 서식 ||  
| &lt;[[rt]]&gt; || 루비 주석, ruby 및 rt rp함께 사용 || 서식 || 틀 {{틀|루비}} 참조
|-
|-
| &lt;ruby&gt; || 루비 주석, ruby 및 rt rp함께 사용  || 서식  ||  
| &lt;[[ruby]]&gt; || 루비 주석, ruby 및 rt rp함께 사용  || 서식  || 틀 {{틀|루비}} 참조
|-
|-
| &lt;s&gt; || 올바르지 않은 텍스트를 마크 업, 삭제줄은 del 사용 || 서식  ||  
| &lt;[[s]]&gt; || 올바르지 않은 텍스트를 마크 업, 삭제줄은 del 사용 || 서식  ||  
|-
|-
| &lt;small&gt; || 글꼴을 작게함, 현재 보다 2pt작아짐  ||서식  ||  
| &lt;[[small]]&gt; || 글꼴을 작게함, 현재 보다 2pt작아짐  ||서식  || 틀 {{틀|-2}} 참조
|-
|-
| &lt;span&gt; || 텍스트의 속성 규정, 인라인 요소. div 태그는 블록 레벨 요소임 || 스타일  ||  
| &lt;[[span]]&gt; || 텍스트의 속성 규정, 인라인 요소. div 태그는 블록 레벨 요소임 || 스타일  || 틀 {{틀|span}} 참조
|-
|-
| &lt;strike&gt; || 취소선으로 사용, &lt;del&gt; or &lt;s&gt; 사용 || 서식  || HTML5 X
| &lt;[[strike]]&gt; || 취소선으로 사용, &lt;[[del]]&gt; or &lt;[[s]]&gt; 사용 || 서식  || HTML5 X
|-
|-
| &lt;strong&gt; || 텍스트 강조, 굵게 표시 ||서식  ||  
| &lt;[[strong]]&gt; || 텍스트 강조, 굵게 표시 ||서식  || &lt;[[b]]&gt;
|-
|-
| &lt;style&gt; || 문서의 스타일 정보 (CSS)를 정의 || 스타일 ||  
| &lt;[[style]]&gt; || 문서의 스타일 정보 (CSS)를 정의 || 스타일 || 틀 {{틀|st}} 참조
|-
|-
| &lt;sub&gt; || 아래 첨자 텍스트  ||서식  ||  
| &lt;[[sub]]&gt; || 아래 첨자 텍스트  ||서식  ||  
|-
|-
| &lt;sup&gt; || 위 첨자 텍스트  || 서식 ||  
| &lt;[[sup]]&gt; || 위 첨자 텍스트  || 서식 ||  
|-
|-
| &lt;svg&gt; || SVG 그래픽의 속성지정, 경로, 상자, 원, 텍스트 속성등 || 이미지 ||  
| &lt;[[svg]]&gt; || SVG 그래픽의 속성지정, 경로, 상자, 원, 텍스트 속성등 || 이미지 || 위키에서 지원하지 않음
|-
|-
| &lt;table&gt; || 테이블 태그 || 테이블 ||  
| &lt;[[table]]&gt; || 테이블 태그 || 테이블 ||  
|-
|-
| &lt;td&gt; || 테이블의 셀을 정의, th요소를 생성함. || 테이블||  
| &lt;[[td]]&gt; || 테이블의 셀을 정의. || 테이블||  
|-
|-
| &lt;textarea&gt; || 여러 줄의 텍스트 입력 제어를 규정 || 입력 ||  
| &lt;[[textarea]]&gt; || 여러 줄의 텍스트 입력 제어를 규정 || 입력 ||  
|-
|-
| &lt;th&gt; || 테이블 헤더를 정의, 기본적으로 굵고, 중앙 정렬됨 || 테이블 ||  
| &lt;[[th]]&gt; || 테이블 헤더를 정의, 기본적으로 굵고, 중앙 정렬됨 || 테이블 ||  
|-
|-
| &lt;time&gt; || time을 정의 || 서식 ||  
| &lt;[[time]]&gt; || time을 정의 || 서식 || 위키에서 지원하지 않음
|-
|-
| &lt;title&gt; || 문서의 제목을 규정 || 기본 ||  
| &lt;[[title]]&gt; || 문서의 제목을 규정 || 기본 ||  
|-
|-
| &lt;tr&gt; || 테이블의 열을 규정 || 테이블 ||  
| &lt;[[tr]]&gt; || 테이블의 열을 규정, tr태그 안에서 td 태그가 사용된다. || 테이블 ||  
|-
|-
| &lt;u&gt; || 틀린 단어를 마크업함, 밑줄로 표시됨 || 서식 ||  
| &lt;[[u]]&gt; || 틀린 단어를 마크업함, 밑줄로 표시됨 || 서식 ||  
|-
|-
| &lt;ul&gt; ||  정렬되지 않은 목록을 규정, li, ol 등과 사용 ||기울기 ||  
| &lt;[[ul]]&gt; ||  정렬되지 않은 목록을 규정, li, ol 등과 사용 ||기울기 ||  
|}
|}


==참조하기==
*[[태그]]
*[[우남위키:위키문법|우남위키 문법]]
*[https://www.w3schools.com/tags/ref_byfunc.asp 태그에 대한 사용법]<ref>w3schools 싸이트</ref>


==참조하기==
[[태그|Class로 사용되는 특수 태크]]


[https://www.w3schools.com/tags/ref_byfunc.asp 태그에 대한 자세한 사용법]




{{각주}}
[[분류:태그]][[분류:위키문법]][[분류:웹]]
[[분류:태그]][[분류:위키문법]][[분류:웹]]

2023년 10월 6일 (금) 00:17 기준 최신판

개요

태그는 HTML 웹 브라우저에서 사용되는 문법을 나타내는 표시이다. 태그는 브라우저 마다 조금씩 다르며, 작동하는 방법이 다를 수 있다. 보통은 <태그> ,,, </태그> 형식으로 작동되며, 중간에 글의 내용이 들어간다.

태그 목록

모든 태그가 우남위키에서 작동되는 것은 아니며 일반적인 것은 작동이 된다. 다음은 일반적인 태그의 목록이다.

태그 설명 구분 비고
<big> 글자를 크게 함, small 참조 서식 HTML5 X
<body> 문서의 body를 정의 기본 지원되지 않음
<!-- ... --> 주석, 이 안의 모든 내용과 태그는 작동하지 않음 기본
<br> 개행문자 기본
<button> 클릭버튼의 정의 입력
<caption> 표 caption을 정의 테이블 지원되지 않음
<center> 텍스트 가운데 정렬 서식 HTML5 X
<col> 표에서 컬럼 속성 지정, <colgroup> 테이블 지원되지 않음
<colgroup> 표에서 컬럼 속성 지정, <colgroup> 테이블 지원되지 않음
<dd> 설명 목록의 용어 / 이름을 설명, <dt>, <dd> 기울기
<del> 삭제줄 표시 서식
<dir> 설명 목록을 규정, <ul>사용 기울기 HTML5 X
<dl> 설명 목록을 정의, <dt>, <dd> 기울기
<dt> 설명 목록을 정의, <dt>, <dd> 기울기
<em> 텍스트를 강조함 서식
<figcaption> 그림을 마크업하고 캡션을 정의 <figure>요소 이미지
<figure> 그림을 마크업하고 캡션을 정의 <figure>함께 사용 이미지 지원되지 않음
<font> 글꼴, 글꼴 크기 및 텍스트의 색상을 지정. 서식 HTML5 X
<footer> 문서 나 구역의 바닥 글을 정의 스타일
<h1> to <h6> 레벨별 제목을 규정 기본
<hr> 주제별 구분자로 사용, 폭, 높이, 음영 속성 지원 기본 우남위키 X,
틀{{--}}로 대체
<html> HTML 문서를 정의 기본
<i> 기울임 글꼴 표시 서식
<frame> 프레임을 규정 프레임 HTML5 X
<iframe> 인라인 프레임을 규정 프레임
<img> 이미지 속성 규정 이미지 지원되지 않음
<input> 데이터를 입력 할 수있는 입력 필드를 규정 입력
<ins> 삽입된 텍스트를 정의, 일반적으로 밑줄을 표시함 서식
<kbd> 키보드 입력을 규정 서식 지원되지 않음
<label> 여러 가지 요소에 대한 레이블을 정의 입력 지원되지 않음
<li> 정렬된 목록의 정의, li ul 태그 참조
<map> Defines an image map 이미지 지원되지 않음
<mark> 형광팬 태그 서식
<ol> 정렬된 목록의 정의, li ul 태그 참조 기울기
<p> 구문의 정의 서식
<picture> 이미지 속성 규정, soutce, img 태그 속성을 가짐 이미지 지원되지 않음
<pre> 태그 속성을 무시하여 보여줌, nowiki 태그 유사 서식
<q> 짧은 인용을 정의 서식
<rp> 루비 주석, ruby 및 rt rp함께 사용 서식 틀 {{루비}} 참조
<rt> 루비 주석, ruby 및 rt rp함께 사용 서식 틀 {{루비}} 참조
<ruby> 루비 주석, ruby 및 rt rp함께 사용 서식 틀 {{루비}} 참조
<s> 올바르지 않은 텍스트를 마크 업, 삭제줄은 del 사용 서식
<small> 글꼴을 작게함, 현재 보다 2pt작아짐 서식 틀 {{-2}} 참조
<span> 텍스트의 속성 규정, 인라인 요소. div 태그는 블록 레벨 요소임 스타일 틀 {{span}} 참조
<strike> 취소선으로 사용, <del> or <s> 사용 서식 HTML5 X
<strong> 텍스트 강조, 굵게 표시 서식 <b>
<style> 문서의 스타일 정보 (CSS)를 정의 스타일 틀 {{st}} 참조
<sub> 아래 첨자 텍스트  서식
<sup> 위 첨자 텍스트  서식
<svg> SVG 그래픽의 속성지정, 경로, 상자, 원, 텍스트 속성등 이미지 위키에서 지원하지 않음
<table> 테이블 태그 테이블
<td> 테이블의 셀을 정의. 테이블
<textarea> 여러 줄의 텍스트 입력 제어를 규정 입력
<th> 테이블 헤더를 정의, 기본적으로 굵고, 중앙 정렬됨 테이블
<time> time을 정의 서식 위키에서 지원하지 않음
<title> 문서의 제목을 규정 기본
<tr> 테이블의 열을 규정, tr태그 안에서 td 태그가 사용된다. 테이블
<u> 틀린 단어를 마크업함, 밑줄로 표시됨 서식
<ul>  정렬되지 않은 목록을 규정, li, ol 등과 사용 기울기

참조하기



각주

  1. ↑ w3schools 싸이트