HTML Table 만들기

구분	과목	성적	학점
전공필수	전산학개론	3.5	A
	정보구조론	4.3	A
교양	북한학	2.8	C
	한국 근현대사	3.2	B
성적평균		3.45	B

 <table border="1">

                <thead>

                    <tr>

                        <th>구분</th>

                        <th>과목</th>

                        <th>성적</th>

                        <th>학점</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td rowspan="2">전공필수</td>

                        <td>전산학개론</td>

                        <td>3.5</td>

                        <td>A</td>

                    </tr>

                    <tr>

                        <td>정보구조론</td>

                        <td>4.3</td>

                        <td>A</td>

                    </tr>

                    <tr>

                        <td rowspan="2">교양</td>

                        <td>북한학</td>

                        <td>2.8</td>

                        <td>C</td>

                    </tr>

                    <tr>                        

                        <td>한국 근현대사</td>

                        <td>3.2</td>

                        <td>B</td>

                    </tr>

                </tbody>

                <tfoot>

                    <tr>

                        <th colspan="2">성적평균</th>                        

                        <td>3.45</td>

                        <td>B</td>

                    </tr>

                </tfoot>

            </table>

 

작성시 주요 코드

thead 테이블의 헤더 내용을 그룹화하는 데 사용됩니다.

tbody 테이블의 본문 내용을 그룹화하는 데 사용됩니다 .

tfoot  테이블의 바닥글 내용을 그룹화하는 데 사용됩니다.

(3가지 요소는 같이 사용하는게 좋은 코드이다.)

 

border-style  속성은 표시할 테두리의 종류를 지정한다.

colspan="2"   가로열의 수를 정의

rowspan="2"  세로 행의 수를 지정