홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/html 표만들기/html 테이블/html 테이블만들기/태이블 태그/table border/

10-1. 표 - 표만들기

㈎ 표 만들기

① <TABLE> ..... </TABLE> - 테이블을 

만들기 위해 선언하는 태그이다. 

<TABLE BORDER=(숫자)> ..... </TABLE> - 

숫자는 표 외곽 테두리의 두께(픽셀 수)를 

나타내는데 숫자가 클수록 두꺼워진다. 

<TABLE BORDER>는 <TABLE BORDER=1>과 같다.

② <TR> - 'Table Raw'의 약자로서 테이블 

내에 있는 행을 정의한다. 각 행을 기술할 때마다 

<TR> 태그를 정의해 주어야 한다.

③ <TH> 태그는 'Table Header'의 

약자로서 테이블에서 지정된 행에 있는 

셀의 제목을 지정해 준다. 

<TH> 태그로 나타낸 셀의 제목은 

<TD> 태그로 나타낸 

내용에 비해 글자가 강조되어 나타난다.

④ <TD> 태그는 'Table Data'의 약자로서 

각 행의 셀을 만들 때 사용한다. 

<TR> 태그로 행을 정의한 다음 각 셀을 

만들어 내용을 넣어주는 태그이다. 

<TD> 태그를 하나 쓸때마다 셀이

하나씩 더 생긴다.

(실습)

<html>

<head> <title>테이블 만들기</title> </head>

<body>
 
<table border=1>
 
<tr>
 
<th>중학교</th>
 
<th>고등학교</th>
 
<th>대학교</th>
 
<tr>
 
<td>영어</td>
 
<td>수학</td>
 
<td>컴퓨터</td>
 
</table>

</body>

</html>