Basic

[html] table colspan rowspan

natrue 2021. 4. 14. 14:08
728x90

 table make 

 <table></table>   table์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ
 <th></th>   table์˜ header๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ 
 <tr></tr>   table์˜ ํ–‰์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ
 <td></td>   table์˜ ์—ด์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ 

 <table>
    <th>table1</th>
    <th>table2</th>
      <tr> 
         <td>table1์˜ ์ฒซ๋ฒˆ์งธ ์นธ</td>    
         <td>table1์˜ ๋‘๋ฒˆ์งธ ์นธ</td>    
      </tr>
      <tr> 
         <td>table2์˜ ์ฒซ๋ฒˆ์งธ ์นธ</td>    
         <td>table2์˜ ๋‘๋ฒˆ์งธ ์นธ</td>    
      </tr>
 </table>

 

 table disign 

 border  ํ…Œ์ด๋ธ”์˜ ํ…Œ๋‘๋ฆฌ  border="1"
 bordercolor   ํ…Œ์ด๋ธ”์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ  bordercolor="#ff0026"
 width  ํ…Œ์ด๋ธ” ๊ฐ€๋กœ ํฌ๊ธฐ  width ="500"
 height  ํ…Œ์ด๋ธ” ์„ธ๋กœ ํฌ๊ธฐ  height="300"
 align  ์ •๋ ฌ  align = "center"
 bgcolor  ๋ฐฐ๊ฒฝ์ƒ‰  bgcolor="#ff0026"
 colspan  ๊ฐ€๋กœ(์—ด) ํ•ฉ๋ณ‘  colspan="1"
 rowspan  ์„ธ๋กœ(ํ–‰) ํ•ฉ๋ณ‘  rowspan="3"

 

 

 colspan / rowspan 

<body>
    <table border="1" width="250" height="100" align="center">
        <tr align="center">
            <td rowspan ="2">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr align="center">
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
        <tr align="center">
            <td colspan="4">9</td>
        </tr>
    </table>
</body>

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)