틀:Html 태그: 두 판 사이의 차이

2025년 1월 1일 (수) 22:44 기준 최신판

HTML의 주요 태그 목록

분류	관련 태그
문서 기본 구조	<html>	<head>	<body>	<main>	<footer>
메타데이터	<title>	<meta>	<base>	<link>
콘텐츠 구획	<header>	<nav>	<section>	<article>	<aside>
텍스트 콘텐츠	<h1>-<h6>	<p>	<div>	<span>	<pre>
텍스트 형식	<b> / <strong>	<i> / <em>	<small>	<sub> / <sup>	<mark>
수정 표시	<ins>	<del>	<s>	<u>
목록	<ul>	<ol>	<li>	<dl>	<dt> / <dd>
표	<table>	<thead> / <tbody>	<tr>	<th>	<td>
멀티미디어	<img>	<audio>	<video>	<canvas>	<svg>
임베드	<iframe>	<embed>	<object>	<param>
스크립트	<script>	<noscript>	<template>	<slot>
양식	<form>	<input>	<button>	<select> / <option>	<textarea>
구분선	<br>			<hr>

사용법[원본 편집]

이 틀은 HTML 태그들의 목록을 보여주는 네비게이션 템플릿입니다.

기본 사용[원본 편집]

문서에 다음과 같이 입력하세요:

{{틀:html_태그}}

참고사항[원본 편집]

이 틀은 HTML5의 표준 태그들을 기능별로 분류하여 보여줍니다.
각 태그를 클릭하면 해당 태그의 상세 설명 페이지로 이동합니다.
일부 관련된 태그들은 함께 표시되어 있습니다 (예: <code><b></code>와 <code><strong></code>).

@@ 1번째 줄: / 1번째 줄: @@
-{| class="wikitable"
+{| class="wikitable" style="width:100%; text-align:center; background-color:#f8f9fa;"
 |-
-| align="center" colspan="5" | [[File:Devicon-html5-plain-wordmark.svg|100px]]
+| style="background-color:#ffffff; padding:10px;" colspan="6" | [[파일:Devicon-html5-plain-wordmark.svg|120px]]
 |-
-! align="center" colspan="5" | HTML의 다양한 태그들
+! style="background-color:#e9ecef;" colspan="6" | '''HTML의 주요 태그 목록'''
 |-
-| align="center" | 기본 태그 || [[HTML/태그/html|<nowiki><html> 태그</nowiki>]] || [[HTML/태그/head|<nowiki><head> 태그</nowiki>]]
+! style="width:16%;" | 분류
- || [[HTML/태그/body|<nowiki><body> 태그</nowiki>]] || [[HTML/태그/footer|<nowiki><footer> 태그</nowiki>]]
+! style="width:16%;" colspan="5" | 관련 태그
 |-
-| align="center" | 불러오기 태그 || align="center" | [[HTML/태그/iframe|<nowiki><iframe>태그</nowiki>]] || align="center" | [[HTML/태그/script|<nowiki><script>태그</nowiki>]] || align="center" | [[HTML/태그/link|<nowiki><link>태그</nowiki>]] || align="center" | [[HTML/태그/img|<nowiki><img>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''문서 기본 구조'''
+| [[HTML/태그/html|<nowiki><html></nowiki>]]
+| [[HTML/태그/head|<nowiki><head></nowiki>]]
+| [[HTML/태그/body|<nowiki><body></nowiki>]]
+| [[HTML/태그/main|<nowiki><main></nowiki>]]
+| [[HTML/태그/footer|<nowiki><footer></nowiki>]]
 |-
-| align="center" | 줄(Line) 관련 태그 || align="center" colspan="2" | [[HTML/태그/br|<nowiki><br>태그</nowiki>]] || align="center" colspan="2" | [[HTML/태그/hr|<nowiki><hr>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''메타데이터'''
+| [[HTML/태그/title|<nowiki><title></nowiki>]]
+| [[HTML/태그/meta|<nowiki><meta></nowiki>]]
+| [[HTML/태그/base|<nowiki><base></nowiki>]]
+| colspan="2" | [[HTML/태그/link|<nowiki><link></nowiki>]]
 |-
-| align="center" rowspan="4" | 글자 태그 || align="center" colspan="2" | [[HTML/태그/a|<nowiki><a>태그</nowiki>]] || align="center" | [[HTML/태그/h(1~6)|<nowiki><h(1~6)>태그</nowiki>]] || align="center" | [[HTML/태그/p|<nowiki><p>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''콘텐츠 구획'''
+| [[HTML/태그/header|<nowiki><header></nowiki>]]
+| [[HTML/태그/nav|<nowiki><nav></nowiki>]]
+| [[HTML/태그/section|<nowiki><section></nowiki>]]
+| [[HTML/태그/article|<nowiki><article></nowiki>]]
+| [[HTML/태그/aside|<nowiki><aside></nowiki>]]
 |-
-| align="center" colspan="2" | [[HTML/태그/b|<nowiki><b>태그</nowiki>]] || align="center" | [[HTML/태그/i|<nowiki><i>태그</nowiki>]] || align="center" | [[HTML/태그/small|<nowiki><small>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''텍스트 콘텐츠'''
+| [[HTML/태그/h1-h6|<nowiki><h1>-<h6></nowiki>]]
+| [[HTML/태그/p|<nowiki><p></nowiki>]]
+| [[HTML/태그/div|<nowiki><div></nowiki>]]
+| [[HTML/태그/span|<nowiki><span></nowiki>]]
+| [[HTML/태그/pre|<nowiki><pre></nowiki>]]
 |-
-| align="center" colspan="2" | [[HTML/태그/sub|<nowiki><sub>태그</nowiki>]] || align="center" | [[HTML/태그/sup|<nowiki><sup>태그</nowiki>]] || align="center" | [[HTML/태그/ins|<nowiki><ins>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''텍스트 형식'''
+| [[HTML/태그/b|<nowiki><b></nowiki>]] / [[HTML/태그/strong|<nowiki><strong></nowiki>]]
+| [[HTML/태그/i|<nowiki><i></nowiki>]] / [[HTML/태그/em|<nowiki><em></nowiki>]]
+| [[HTML/태그/small|<nowiki><small></nowiki>]]
+| [[HTML/태그/sub|<nowiki><sub></nowiki>]] / [[HTML/태그/sup|<nowiki><sup></nowiki>]]
+| [[HTML/태그/mark|<nowiki><mark></nowiki>]]
 |-
-| align="center" colspan="2" | [[HTML/태그/del|<nowiki><del>태그</nowiki>]] || align="center" colspan="2" | [[HTML/태그/s|<nowiki><s>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''수정 표시'''
+| [[HTML/태그/ins|<nowiki><ins></nowiki>]]
+| [[HTML/태그/del|<nowiki><del></nowiki>]]
+| [[HTML/태그/s|<nowiki><s></nowiki>]]
+| colspan="2" | [[HTML/태그/u|<nowiki><u></nowiki>]]
 |-
-| align="center" | 목록 태그 || align="center" colspan="2" | [[HTML/태그/ui|<nowiki><ui>태그</nowiki>]] || align="center" colspan="2" | [[HTML/태그/li|<nowiki><li>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''목록'''
+| [[HTML/태그/ul|<nowiki><ul></nowiki>]]
+| [[HTML/태그/ol|<nowiki><ol></nowiki>]]
+| [[HTML/태그/li|<nowiki><li></nowiki>]]
+| [[HTML/태그/dl|<nowiki><dl></nowiki>]]
+| [[HTML/태그/dt|<nowiki><dt></nowiki>]] / [[HTML/태그/dd|<nowiki><dd></nowiki>]]
 |-
-| align="center" | 목록 태그 || align="center" colspan="2" | [[HTML/태그/ui|<nowiki><ui>태그</nowiki>]] || align="center" colspan="2" | [[HTML/태그/li|<nowiki><li>태그</nowiki>]]
+| style="background-color:#f1f8ff;" | '''표'''
+| [[HTML/태그/table|<nowiki><table></nowiki>]]
+| [[HTML/태그/thead|<nowiki><thead></nowiki>]] / [[HTML/태그/tbody|<nowiki><tbody></nowiki>]]
+| [[HTML/태그/tr|<nowiki><tr></nowiki>]]
+| [[HTML/태그/th|<nowiki><th></nowiki>]]
+| [[HTML/태그/td|<nowiki><td></nowiki>]]
+|-
+| style="background-color:#f1f8ff;" | '''멀티미디어'''
+| [[HTML/태그/img|<nowiki><img></nowiki>]]
+| [[HTML/태그/audio|<nowiki><audio></nowiki>]]
+| [[HTML/태그/video|<nowiki><video></nowiki>]]
+| [[HTML/태그/canvas|<nowiki><canvas></nowiki>]]
+| [[HTML/태그/svg|<nowiki><svg></nowiki>]]
+|-
+| style="background-color:#f1f8ff;" | '''임베드'''
+| [[HTML/태그/iframe|<nowiki><iframe></nowiki>]]
+| [[HTML/태그/embed|<nowiki><embed></nowiki>]]
+| [[HTML/태그/object|<nowiki><object></nowiki>]]
+| colspan="2" | [[HTML/태그/param|<nowiki><param></nowiki>]]
+|-
+| style="background-color:#f1f8ff;" | '''스크립트'''
+| [[HTML/태그/script|<nowiki><script></nowiki>]]
+| [[HTML/태그/noscript|<nowiki><noscript></nowiki>]]
+| [[HTML/태그/template|<nowiki><template></nowiki>]]
+| colspan="2" | [[HTML/태그/slot|<nowiki><slot></nowiki>]]
+|-
+| style="background-color:#f1f8ff;" | '''양식'''
+| [[HTML/태그/form|<nowiki><form></nowiki>]]
+| [[HTML/태그/input|<nowiki><input></nowiki>]]
+| [[HTML/태그/button|<nowiki><button></nowiki>]]
+| [[HTML/태그/select|<nowiki><select></nowiki>]] / [[HTML/태그/option|<nowiki><option></nowiki>]]
+| [[HTML/태그/textarea|<nowiki><textarea></nowiki>]]
+|-
+| style="background-color:#f1f8ff;" | '''구분선'''
+| colspan="3" | [[HTML/태그/br|<nowiki><br></nowiki>]]
+| colspan="2" | [[HTML/태그/hr|<nowiki><hr></nowiki>]]
 |}
+<noinclude>
+== 사용법 ==
+이 틀은 HTML 태그들의 목록을 보여주는 네비게이션 템플릿입니다.
+=== 기본 사용 ===
+문서에 다음과 같이 입력하세요:
+<pre>
+{{틀:html_태그}}
+</pre>
+=== 참고사항 ===
+* 이 틀은 HTML5의 표준 태그들을 기능별로 분류하여 보여줍니다.
+* 각 태그를 클릭하면 해당 태그의 상세 설명 페이지로 이동합니다.
+* 일부 관련된 태그들은 함께 표시되어 있습니다 (예: <nowiki><code><b></code></nowiki>와 <nowiki><code><strong></code></nowiki>).
+<!-- 분류 -->
+[[분류:HTML]]
+[[분류:틀]]
+</noinclude>