[HTML] TABLE

hi·2021년 12월 7일

테이블 기본 형식

<table>                    : 표 전체
	<tr></tr>          : 가로 1열
	<th></th>          : 제목용 셀
	<td></td>          : 데이터용 셀
</table>
- th 안의 문자는 굵은 글씨, 가운데 정렬되어 나타남

표 제목

<caption align="표시 위치"></caption>

- 테이블에 대한 설명이나 제목 등을 기재
- table 태그 내에서만 사용
- align 속성으로 위치를 지정하지 않으면 표의 상단 가운데에 나타남

표의 크기, 여백 지정

<table width="" height="높이" border="5" 
cellspacing="4" cellpadding="10">
</table>

- cellsapcing : 셀 사이의 간격 설정
- cellpadding : 셀 경계와 셀 안의 내용 사이의 간격 설정

표의 배경색, 배경 이미지 지정

bgcolor : 배경색 
background : 배경 이미지

<table bgcolor="color">
<tr background="url"> 

텍스트와 표의 배열

<table align="위치">                  표의 위치 (left right center)
<vspace="세로간격" hspace="가로간격">   텍스트와 표의 간격 
<by clear="left 또는 right">         텍스트를 표 옆에 나타나지 않게 함

셀 병합

<th rowspan="세로 방향으로 합칠 셀의 개수">
<td colspan="가로 방향으로 합칠 셀의 개수">

셀 크기

<th width="" height="">

셀 안의 텍스트 위치

<tr aligh="가로위치" valign="세로위치">


1) 가로 위치

left
right
center
justify : 양쪽 정렬
char : 특수 문자 위치 (소수점 등)


2) 세로 위치

top
middle
bottom
baseline : 가로 열에서 첫 번째 행이 기준선

셀에서 줄 바꾸기 금지

<nowrap>

셀 그룹화

1) 가로 방향 셀 그룹화

<thead></thead>    : 표의 머리말 
<tfoot></tfoot>    : 표의 꼬리말
<tbody></tbody>    : 표의 본문


2) 세로 방향 셀 그룹화

<colgroup>

0개의 댓글