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 |