[HTML] TABLE

HTML TABLE

---

단락

<p> ~ </p>

줄 바꿈

<br>

이미지 

<img src="파일명.확장자"> 

width(폭) height(높이) 높이만 지정하게 되면 자동적으로 폭을 설정해준다

alt="내용": 이미지가 깨지거나 사용할 수 없을 때 이미지가 깨진 표시와 속성의 값이 표시 해준다

title="내용": 툴팁으로 도움말이 나온다

테이블

<table>

<tr> 

<td> 첫번째 줄 첫번째 칸 </td>

<td> 첫번째 줄 두번째 칸 </td> 

</tr>

<tr> 

<td> 두번째 줄 첫번째 칸 </td>

<td> 두번째 줄 두번째 칸 </td> 

</tr>

</table>

첫번째 줄 첫번째 칸	첫번째 줄 두번째 칸
두번째 줄 두번째 칸	두번째 줄 두번째 칸

---

테이블의 테두리 

border ="" 

<table border="1"> 

<tr> 

<td> 첫번째 줄 첫번째 칸 </td>

<td> 첫번째 줄 두번째 칸 </td> 

</tr>

<tr> 

<td> 두번째 줄 첫번째 칸 </td>

<td> 두번째 줄 두번째 칸 </td> 

</tr>

</table>

---

테이블의 구조

<table border="1"> 

<thead>

<tr> 

<th> 첫번째 줄 첫번째 칸 </th>

<td> 첫번째 줄 두번째 칸 </td> 

</tr>

</thead>

<tbody>

<tr> 

<td> 두번째 줄 첫번째 칸 </td>

<td> 두번째 줄 두번째 칸 </td> 

</tr>

</tbody>

<tfoot>

<tr>

<td> </td>

</tr>

</tfoot>

</table>

<th> 내용이 진하게 표시 됨

구조화

<thead> </thead>

<tbody> </tbody>

<tfoot>   </tfoot>

---

테이블의 병합

수평 병합 rowspan=" " (세로)

수직 병합 colspan=" "  (가로)

<tr>

<td rowspan="2"> </td>

</tr>