본문 바로가기
BOOK/HTML

colgroup col 태그

by "뭉치" 2021. 8. 2.
728x90

colgroup

 

 

  • <colgroup> 태그는 테이블 전체 속성을 지정할 때 사용하는 태그.
  • <col> 태그는 태이블의 열에 속성을 한번에 지정할 때 사용하는 태그.
  • <table>안에 어디라도 기술할 수 있으며, 기술된 하위에만 적용된다.
  • span=n : 적용할 컬럼수를 지정한다.

 

소스를 통해 기능을 익혀보자.

 

 

 <html>
<head>
</head>

<body>
  <TABLE border=1 width=350 height=150 >
    <colgroup style="font-size:12px">
        <col bgcolor="#FF9900" align="center" width="60">
        <col bgcolor="#FF33FF" align="center">
        <col bgcolor="#CC9966" align="left">
        <col bgcolor="#99CC66" align="right">
    </colgroup>
    <tr>
        <th>No
        <th>Code
        <th>Name
        <th>EA
    
    <tr>
        <td>1
        <td>CODE 1
        <td>Computer <td>3,000
    <tr>
        <td>2
        <td>CODE 2
        <td>LCD
        <td>5,000

    <tr>
        <td>3
        <td>CODE 3
        <td>Keyboard
        <td>20,000

</body>
</html>

 

 

 

[결과]

728x90

'BOOK > HTML' 카테고리의 다른 글

프레임 태그  (0) 2021.08.04
테이블 선유형  (0) 2021.08.03
테이블 태그  (0) 2021.08.01
폼 태그  (0) 2021.07.31
목록 태그  (0) 2021.07.30

댓글