행복한 스마일맨 ^^*

left | center | right   테이블 전체의 수평 정렬 Default : left

예)

<table align="center">

테이블의 배경색

예)

<table bgcolor="silver"> , <table bgcolor="#EEEECC">

절대 단위,    테이블의 border(테두리) 두께

예)

<table border="3">

테이블의 높이

예)

<table height="100%">

절대단위 | 상대단위   테이블 전체의 가로 크기

예)

<table width="600"> , <table width="90%">

테이블 전체 셀의 text의 줄바꿈 방지

예)

<table nowrap> , <tr nowrap="nowrap">

절대단위   테이블 Cell border와 Cell 속의 내용물과의 거리, 기본값 1

예)

<table cellpadding="5">

절대단위   테이블 Cell 간의 거리와 Cell과 테이블 border와의 거리, 기본값 2

예)

<table cellspacing="5">

테이블 Cell의 테두리 색

예)

<table bordercolor="lightgreen">

테이블 우측과 하단의 border 색

예)

<table bordercolordark="red" bordercolorlight="blue">

테이블 좌측과 상단의 border 색

예)

<table bordercolordark="red" bordercolorlight="blue">

테이블 행의 Cell 또는 Cell 들 속의 내용물의 수평 정렬

예)

<tr align="center">

테이블 행의 Cell 또는 Cell 들 속의 내용물의 수직 정렬

예)

<tr valign="baseline">

테이블 행의 Cell 또는 Cell 들 속의 내용물의 배경색

예)

<tr bgcolor="silver"> , <tr bgcolor="#EEEECC">

행의 높이

예)

<tr height="25">

행의 너비

예)

<tr height="25" width="150">

행속의 셀의 text의 줄바꿈 방지

예)

<tr nowrap> , <tr nowrap="nowrap">

행속 Cell 좌우상하의 border 색

예)

<tr bordercolor="red">

행속 Cell 우측과 하단의 border 색

예)

<tr bordercolordark="red" bordercolorlight="blue">

행속 Cell 좌측과 상단의 border 색

예)

<tr bordercolordark="red" bordercolorlight="blue">

Cell 속의 내용물의 수평 정렬

예)

<td align="center">

Cell 속의 내용물의 수직 정렬

예)

<td valign="baseline">

uri   테이블 Cell의 배경 그림

예)

<table background="../images/bg_hor_line.gif">

Cell 속의 내용물의 배경색

예)

<td bgcolor="silver"> , <td bgcolor="#EEEECC">

Cell의 높이

예)

<td height="25">

Cell의 너비

예)

<td height="25" width="150">

Cell 속의 text의 줄바꿈 방지

예)

<td nowrap> , <td nowrap="nowrap">

수평으로 병합할 column(열)의 개수(span)

예)

<td colspan="3">

수직으로 병합할 row(행)의 개수(span)

예)

<td rowspan="2">