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


2021년 1월 31일 (일) 14:07 판

개요

태그는 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작아짐 서식
<span> 텍스트의 속성 규정, 인라인 요소. div 태그는 블록 레벨 요소임 스타일
<strike> 취소선으로 사용, <del> or <s> 사용 서식 HTML5 X
<strong> 텍스트 강조, 굵게 표시 서식
<style> 문서의 스타일 정보 (CSS)를 정의 스타일
<sub> 아래 첨자 텍스트  서식
<sup> 위 첨자 텍스트  서식
<svg> SVG 그래픽의 속성지정, 경로, 상자, 원, 텍스트 속성등 이미지
<table> 테이블 태그 테이블
<td> 테이블의 셀을 정의, th요소를 생성함. 테이블
<textarea> 여러 줄의 텍스트 입력 제어를 규정 입력
<th> 테이블 헤더를 정의, 기본적으로 굵고, 중앙 정렬됨 테이블
<time> time을 정의 서식
<title> 문서의 제목을 규정 기본
<tr> 테이블의 열을 규정 테이블
<u> 틀린 단어를 마크업함, 밑줄로 표시됨 서식
<ul>  정렬되지 않은 목록을 규정, li, ol 등과 사용 기울기


참조하기

Class로 사용되는 특수 태크

태그에 대한 자세한 사용법