TAG 04 - 표를 만드는 태그

 

HTML(Hyper Text Markup Language)

 

---

 

 

 

기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.

 

 

01. 표를 만드는 태그

Tag	Description	Meaning
<table>	표를 만들때에 제일먼저 적어주는 그룹태그이다.
<thead>	행 그룹 중 제목행에 속한다. 하나의 <table>태그내에 한개만 존재할 수 있다.
<tbody>	행 그룹 중 내용을 묶을때 사용하며, 하나의 <table>태그내에 여러개가 존재할 수 있다.
<tfoot>	행 그룹 중 결과행에 속한다. 하나의 태그내에 한개만 존재할 수 있다. 웹접근성에 따라 <thead>바로밑에 <tfoot>을 적어서, 이 표의 최종 결과를 먼저 인식할 수있도록 마크업의 위치를 바꾸는 걸 목표로 한다. 현재에는 이런 본질적인 의미보다 표의 꼬릿말처럼 사용되는 것같다. 하지만, 본래의 목적과 사용방법은 <thead> 바로밑에 셋트처럼 존재해야한다는 사실을 잊지말자.
<caption>	표의 제목을 나타내며, <table>태그내에 존재할 수 있으며, 안써도 무방하나 쓸 경우 <table>태그의 첫번째 child element로 존재해야 한다.
<colgroup>	열 그룹을 나타내는 태그이다.
<col>	열 그룹내에서 열을 순서대로 나타낸다. 보통 열의 너비 지정을 위해 존재한다.
<tr>	행을 나타낸다.
<th>	제목에 해당하는 셀을 나타내며 scope 속성이 필수이기 때문에 꼭 같이 써줘야 웹표준에 맞는다.
<td>	일반 셀을 나타낸다.

 

자, 어렵지 않아요~ 우리 영혼 챙겨가며 계속 공부해봅시다잉~~~!

 

 

본 문서는 제가 오랫동안 일해왔던 내용을 강의와 책편집을 위해 정리해둔 내용입니다.

힘들게 만든 만큼 공부하시는 분들께 도움이 되면 좋겠습니다.

제 피드를 공유하거나 링크를 해주시는것은 감사합니다~

 

 

 

하지만, 출처없이 이미지나 내용만을 카피해서
포스트를 쓰신다거나 하는것은 하지말아주세요 ^^

감사합니다.