▣테이블 태그

◈테이블 태그의 속성

< table >
표를 시작한다는 뜻으로 단독으로 쓰이지 않고 < tr >< th >< td >태그와 함께 쓰입니다.
< tr >
< table >태그내에 쓰이며 표내의 행을 정의 합니다.
< td >
< table >태그내에 쓰이며 각 행의 칸을 나눌 수 있게 정의 합니다.
< th >
< table >태그내에 쓰이며 각 행의 제목의 글자가 크고 굵게 출력 합니다.
< caption >
< table >태그내에 쓰이며 테이블의 제목을 설정합니다.

◈테이블 태그의 속성과 속성값에 대해서 알아보겠습니다.

border테두리의 두께를 설정합니다 최소값은 "0"입니다.
width< table >태그에 넣으면 테이블 전체 폭을 설정하고 < td >태그에 넣으면 해당셀의 폭을 설정합니다.
픽셀값이나 퍼센트를 씁니다.
height< table >에 넣으면 테이블 전체의 높이를 설정하고 < td >태그에 넣으면 해당셀의 높이를 설정합니다.
마찬가지로 픽셀값이나 퍼센트값을 씁니다.
cellpadding< table >태그안에만 쓰며 셀과 셀안의 문자간의 여백을 설정합니다.
cellspacing< table >태그안에만 쓰며 셀과 셀사이의 간격을 설정합니다.
valign< tr >이나 < td >태그에 쓰이며 수직정렬을 설정합니다.속성값으로 top, middle, bottom이 있습니다.
align모든 태그에 다 쓸 수 있는 속성이며< table >태그에 넣으면 문서내에서 위치를 결정하고 < tr >이나 < td >
태그에 넣으면 셀안의 문자들의 위치를 결정하고 속성값으로는 left, center, right가 있습니다.
테이블 태그 예 제1 결과 보기
<html>
<head>
<title>테이블 태그</title>
</head>
<body>


<table border=1>
<tr>
<td>예제1</td>
</tr>
</table>



<table border=1>
<tr>
<td>예제2</td>
<td>예제2</td>
</tr>
</table>



<table border=1>
<tr>
<td>예제3</td>
<td>예제3</td>
</tr>
<tr>
<td>예제3</td>
<td>예제3</td>
</tr> </table>



< /body >
< /html >
예제1




예제2 예제2




예제3 예제3
예제3 예제3


밑에 예제 테이블2를 보면 그중에 첫번째 맨위에서 속성에관해 설면한바와 같이 width와 height는 폭과 너비를
설정한 것이고 border는 테두리의 두께를 설정하였고 align은 테이블이 좌측에 오게 할것인가 우측에 아님 가운데
오게 할것인가를 설정하는 것인데 여기서는 가운데center로 설정하였습니다.
테이블 태그 예 제2 결과 보기
<html>
<head>
<title>테이블 태그</title>
</head>
<body>


<table border=7 width=100 height=70 align=center>
<tr>
<td>예제1< /td>
<td>예제1< /td>
</tr>
</table>


<table border=1 align=center width=100 cellspacing=0 bordercolor=#a00080 >
<tr>
<td>예제2< /td >
<td>예제2< /td >
</tr>
</tr>
</table>


</body>
</html>
예제1 예제1









예제2 예제2