HTML

[HTML] Table (1)

Dongi 2021. 11. 12. 08:03

안녕하세요 동기 여러분! 오늘은 테이블(표) 만들기 첫 번째 시간입니다! 

 

Create a Table

테이블을 생성하는 방법입니다.

 

<table>

</table>

어때요 증말 쉽죠?

 


 

Table Rows

요즘 나오는 프로그램들은 대부분 테이블을 아주 쉽게 만들 수 있게 준비가 되어 있는데요, HTML에서는 코드를 통해 다 생성을 해주어야 합니다. Table row(행, 가로)를 만드는 방법입니다.

 

<table>
    <tr>
    </tr>
</table>

 


 

Table Data

이제 테이블은 만들 수 있으니 안에 내용을 넣어 봐야겠죠? 

 

<table>
  <tr>
    <td>여기에 내용</td>
    <td>이기도 내용</td>
  </tr>
</table>

 

 

짱구는 못말려의 짱구 가족에 대한 테이블을 만들어 보겠습니다!

 

으잉? 테이블이 안나오는데....

 

그렇습니다. HTML은 코드를 통해 다 생성해줘야 하는 것이지요. 기본으로 검은색 줄 정도라도 나올 줄 알았는데ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

테이블 디자인은 차차 알아보기로 하고 일단 실행에 초점을 두겠습니다!

 

 

실행은 잘 되네요....

 


 

오늘의 느낌

CSS의 중요성을 깨우치는 중ㅋㅋㅋㅋ