본문 바로가기

HTML&CSS

HTML 표만들기: <table>, <tr>, <th>, <td> 태그

* 표만들기를 위한 기본 태그 <table>, <tr>, <th>, <td>
<table> : 기본 표 생성
<tr> : 한 행
<th> : 한 열, 제목셀(글자 굵게, 가운데 정렬)
<td> : 한 열, 일반셀

* 셀병합 속성 : colspan, rowspan
           <!-- 제일 밑에 행에서는 열병합 안됌.
         셀 하나에서 열은 아래로 행은 오른쪽으로 병합된다. -->

 

예시)

    <h3>이력서</h3>
    <table border="1">
        <tr> <!-- 사진 부분은 4칸으로 이루어 진 것-->
            <th width="130" height="130" colspan="2" rowspan="2">사진</th>
            <th width="80">이름</th>
            <th width="200">홍길동</th>
        </tr>
        <tr>
            <td>연락처</td>
            <td>010-0000-0000</td>
        </tr>
        <tr>
            <td width="70" height="50">주소</td>
            <td colspan="3"> 경기도 군포시 ㅇㅇㅇ ㅇㅇㅇ</td>
        </tr>
        <tr>
            <td width="130">자기소개</td>
            <td colspan="3">안녕하세요 저는 ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ</td>
        </tr>
    </table>

 

 

이력서

사진 이름 홍길동
연락처 010-0000-0000
주소 경기도 군포시 ㅇㅇㅇ ㅇㅇㅇ
자기소개 안녕하세요 저는 ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ