[VScode] 표 (table) 만들기

표 (table) 만들기

 

≡  만들어볼 표

년도	월	일
2001	12	03
2002	11	06

 

1. 행과 열 만들기

 

table.html 파일 만들기

내용만 그대로 쓰면 과연 테이블을 만들 수 있을까?

공백이나 줄 바꿈은 무시되기 때문에 표가 만들어지지 않는다.

 

≡  <td> 태그 : 테이블 각각의 데이터를 나타내 준다.

각각의 데이터를 td태그로 묶어준다.

 

 

≡  <tr> 태그 : 테이블의 행을 정의한다. 

table row의 약자

년도

월

일

<tr>

<td>년도</td>  <td>월</td>  <td>일</td>

</tr>

 

2001

12

03

<tr>

<td>2001</td>  <td>12</td>  <td>03</td>

</tr>

 

≡ <table> 태그 : 위 내용을 <table> 태그로 묶어준다.

행과 열이 나눠진 것을 볼 수 있다.

 

≡  행 추가하기

2002

11

06

<tr>

<td>2002</td>  <td>11</td>  <td>06</td>

</tr>

 

 

2. 테두리 만들기

 

≡  boder 속성 

<table boder="">

하지만 표가 이쁘지는 않다. 보통 표는 css를 통해서 만들어야 이쁘다