Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
관리 메뉴

Everything has an expiration date

HTML 20231128 [태그 정리] ① 본문

[HTML]/Program source (HTML)

HTML 20231128 [태그 정리] ①

Jelly-fish 2023. 11. 28. 14:02
  • 전체적인 Html 구조 태그
① [문서 타입이 HTML!]
<!DOCTYPE html>

② [<html></html> 태그로 감싸기]
<html>

③ [머리머리]
<head>
</head>

④ [몸몸]
<body>
</body>


</html>

 

 

  • 기본 태그
ⓐ[목록 생성 태그]
<h1>
	목록 관련 태그
    최대 <h6></h6>까지 가능
</h1>
──────────────────────────────────────────────
ⓑ[영역 분할 태그]
<div>
	블럭 단위 영역 분할.
    위 아래 개행이 들어간다.
</div>
──────────────────────────────────────────────
<span>
	스타일 지정 목적으로 사용하는 영역 분할 태그.
    개행이 이루어지지 않고, 영역이 분할된 것이 브라우저상에서 나타나지 않는다.
</span>
──────────────────────────────────────────────
ⓒ[제목 지정 태그]
<title>
	문서의 제목을 지정하는 태그.
    웹사이트 창의 제목명이 된다.
</title>
──────────────────────────────────────────────
ⓓ[목록 관련 태그]

<ol>
	순서가 있는 목록을 생성하는 태그
</ol>
──────────────────────────────────────────────
<ul>
	순서가 없는 목록을 생성하는 태그
</ul>
──────────────────────────────────────────────

 

 

 

  • 테이블 태그 
[테이블 생성 태그 (table)]
<table>
</table>

 

ⓐ[표에 행 삽입 (tr : table row)]
<tr>
</tr>


ⓑ[표에 제목 셀 생성 (th : table heading)]
<th>
</th>

ⓒ[표에 일반 셀 생성 (td : table data)]
<td>
</td>