안농 나는 삼취야~
[비주얼 스튜디오 코드]테이블표만들기! (21.10.20) 본문
테이블 표 만들기
행과 열로 행은 <tr> 열은 <td>
ex) 게시판, 공지사항, 글쓰기 페이지 등등
예제1)
<table border ="3">
<tr>
<td> 내용</td>
<td> 내용</td>
<td> 내용</td>
</tr>
</table>
이렇게 적용 시키면
이렇게 나온다.
예제2)
<body>
<table border ="1" width "600">
<tr>
<th> 제목1 </th>
<td> 내용 </td>
</tr>
<tr>
<th> 제목1 </th>
<td> 내용 </td>
</tr>
<tr>
<th> 제목1 </th>
<td> 내용 </td>
</tr>
</table>
<hr/>
<table border ="1" width "300">
<tr>
<td colspan ="2">1</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td rowspan ="2">6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td rowspan ="3">14</td>
<td>15</td>
</tr>
<tr>
<td colspan ="3>16</td>
<td>17</td>
</tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
야호~~~이렇게 나온다!!!
colspan: 가로행합치기
rowspan: 세로열합치기
="숫자는 합치는 행/열 수"
반응형 = 줄여도 크기그대로 맞게 나오는 것
'디자이너 Ms.삼취 열매 > 삼취's 홈페이지만들기' 카테고리의 다른 글
| 비주얼스튜디오코드 ( 21.10.19) (0) | 2021.10.19 |
|---|---|
| UI, UX의 정의 (0) | 2021.10.19 |