web developer๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป

[html] table colspan rowspan ๋ณธ๋ฌธ

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>

์ €์ž‘์žํ‘œ์‹œ

'Basic' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[html] <a target ( _blank, _self, _parent, _top ) >  (0) 2021.04.16
[html] input tag basic Attribute  (0) 2021.04.15
[java] equals ๊ณผ == ์˜ ์ฐจ์ด  (0) 2021.04.07
OpenLayers ์˜คํ”ˆ๋ ˆ์ด์–ด  (0) 2021.03.24
์ ˆ๋Œ€๊ฒฝ๋กœ ์ƒ๋Œ€๊ฒฝ๋กœ ์ฐจ์ด  (0) 2021.01.14
'Basic' Related Articles more