스프레드시트?! 아니요 - 모두 테이블입니다.

저는 스프레드시트를 좋아합니다. 그들은 내가 사용 방법을 배운 최초의 실제 도구이자 프로그래밍에 대한 자연스러운 세그웨이이므로 약간의 감사가 있습니다. 우리가 살펴보고 있는 것은 스프레드시트가 아니며 스프레드시트의 기능도 없지만 이 수준에서 얻을 수 있는 스프레드시트에 가장 가깝다고 생각합니다. , 나는 거기에 갈 수 있다고 확신합니다, 그렇죠?)

모든 html과 마찬가지로 이에 대한 태그가 있습니다.
<table></table> - 이들은 테이블 태그이며 내용을 따라 테이블의 내부 요소를 둘러싸고 테이블의 시작과 끝을 정의합니다.<th></th> - 테이블 헤더를 만들거나 각 열의 이름을 지정하는 데 사용됩니다.<tr></tr> - 테이블 행을 만드는 데 사용됩니다.<td></td> - 각 행에 데이터를 입력하는 데 사용됩니다.

이것이 작동하는 방식은 테이블 태그로 시작하여 테이블 행에 넣고 테이블 헤더를 첫 번째 행의 데이터로 입력하는 것입니다. 테이블 헤더 태그는 테이블 데이터 태그와 상호 교환이 가능합니다. 예를 들어 테이블 행을 채우는 데 사용할 수 있습니다.

<table>
<tr>
     <th>product</th>
     <th>cost</th>
</tr>
<tr>
     <td>Milk</td>
     <td>$6.16</td>
</tr>
</table>

다음과 같이 표시됩니다.

제품
비용

우유
$6.16

Keebler Sandies 피칸 쇼트브레드 쿠키
$3.28

테이블 데이터와 테이블 헤더 태그도 전환할 수 있어 테이블이 조금 이상해집니다...

제품

비용

우유

$6.16

Keebler Sandies 피칸 쇼트브레드 쿠키
$3.28

테두리를 추가하고 싶다면 할 수 있습니다! 다음과 같이 픽셀 양과 같은 속성<border>을 여는 테이블 요소에 넣어야 합니다.
<table border="1">
<tr>
<th>product</th>
<th>cost</th>
</tr>
<tr>
<td>Milk</td>
<td>$6.16</td>
</tr>
<tr>
<td>Keebler Sandies Pecan Shortbread Cookies</td>
<td>$3.28</td>
</tr>
</table>
다음과 같습니다.



앞으로!!!