HTML

7.테이블 태그

ryong8030 2024. 7. 18. 21:04

table>tr>td*3
          1*3 표
        

table=> 1.border=n(선의 굵기) 0(디폴트)
             2.width,height(표의 크기)
                     픽셀수(숫자) or 상대적인 단위(%)
                      width=>% ,height=픽셀
             3.cellspacing=>쉘과 쉘사이의 거리
                     cellpadding=>쉘과 문자열사이의 거리
                     =>표의 이중선X->단일선 O
             4.align=left | center | right
        

tr=>전체행에 대한 속성을 부여

td=>특정항목만 부여할때 사용

color=>글자색,bgcolor=>배경색

 

 

<body>
    <center>
    <h3>테이블의 위치를 정가운데로 배치</h3>
    <table border="1" width="70%" height="100%"
           cellspacing="0" cellpadding="0" align="right">
        <tr bgcolor="yellow">
            <!-- <td><center><b>월</b></center></td> -->
            <th></th><!-- th(가운데정렬,굵게 내장)-->
            <th></th>
            <th></th>
        </tr>
        <tr>
            <td align="left" bgcolor="yellow">왼쪽</td>
            <td align="center" bgcolor="green">가운데</td>
            <td bgcolor="cyan" align="right">오른쪽</td>
        </tr>
    </table>
    </center>
</body>

 

 

 

실행화면

'HTML' 카테고리의 다른 글

9.table 그룹화  (0) 2024.07.18
8.테이블 병합  (0) 2024.07.18
6.semantic(3)  (0) 2024.07.05
5.semantic(2)  (0) 2024.07.05
4.semantic(1)  (0) 2024.07.05