프론트엔드/html

[html]table 테이블태그 알아보기

silvering0 2021. 4. 29. 15:13

테이블은

thead, tfoot, tbody 의 부분으로 나눌 수 있고,

거기서

행은 tr

셀 하나는 td

이렇게 나뉜다.

번호 학년 이름
1 2 홍길동
번호 학년 이름

이라고 보면,

첫줄은 thead

맨 아랫줄은 tfoot

그리고 안에 셀 내용은 tr 과 td 로 구성된다.

<table border="1">
	<thead>
    	<th>번호</th>
        <th>학년</th>
        <th>이름</th>       
    </thead>
    <tbody>
        <tr>
        	<td>1</td>
            <td>2</td>
            <td>홍길동</td>
        </tr>
    </tbody>
    <tfoot>
    </tfoot>
</table>

tfoot 에도 thead 내용을 넣어주면 됩니당..

 

<td colspan="3"> 이렇게 넣어주면 행3개 합치기 기능 가능!

숫자는 바꾸면 됩니다.

'프론트엔드 > html' 카테고리의 다른 글

[html] 웹대시보드 04 - layout 기본 폼 만들기  (0) 2021.05.27
[html] input, form종류와 방법  (0) 2021.04.29
[html] image 넣기 사용하기  (0) 2021.04.29
[html]HTML언어?  (0) 2021.04.29