HTML은 태그(Tag)로 구성되어 있는데 이 태그들이 브라우저에게 정보를 어떻게 표현되어질지 결정하게 하는 요소이다. 태그를 다르게 요소(Element)라고도 부르긴하지만 엄밀히 말해 다르다. 예를 들어 head태그나 body태그를 입력하지 않아도 head요소와 body요소는 항상 브라우저에 표시되는 것과 같다.
태그는 <로 시작해서 >로 끝나며 <태그명></태그명>처럼 쌍을 이루는 것이 있고 <태그명>처럼 단일하게 하나만 사용되는 경우도 있다.
<h1>태그는 시작태그와 종료태그의 쌍을 이룬다.</h1>위의 내용은 보면 제목(Headings)태그를 사용하여 브라우저에게 제목을 표시하라고 말하고 있다. 제목은 내용은 "태그는 시작태그와 종료태그의 쌍을 이룬다."라는 문자이다.
종료태그가 없는 태그를 단일 태그라 하는데 br, hr, img, meta, link, input 태그 들이 있다. 자세히 보면 태그의 자식이 필요없는 태그들이다. 표기는 <br>를 사용하는데 단일 태그를 종료 태그와 같이 표현하는 XHTML처럼 <br />로 사용할 수도 있다.
태그는 속성을 부여할 수 있는데 태그들 마다 다른 속성들을 가지고 있으며 사용자가 정의할 수도 있다.
<img src="https://pbs.twimg.com/profile_images/861662902780018688/SFie8jER_400x400.jpg" alt="tag">HTML의 태그는 대소문자를 구분하지는 않지만 소문자로 사용하는 것이 관례이다.
태그 리스트
<!-- -->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> ~ <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
'HTML' 카테고리의 다른 글
| <head> (0) | 2020.12.09 |
|---|---|
| <html> (0) | 2020.12.08 |
| <!DOCTYPE> (0) | 2020.12.07 |
| 주석 (0) | 2020.12.07 |
| HTML이란 (0) | 2020.12.04 |
