본문 바로가기
IT

티스토리 테이블 표 만들기 (간격 수정 크기 조절 색상 변경)

by DAILOG 2023. 6. 30.
반응형
       
       

티스토리 테이블 표 만드는 방법과 표 수정하는 방법에 대해 알아보겠습니다.

표라고도 하고 테이블이라고도 하는데요 테이블을 이용해 다양한 정보를 한눈에 보기 쉽게 만들어 줍니다.

 

표 만드는 방법

 

표 만들기
표 만들기

상단의 표모양을 눌러주면 원하는 칸만큼 표를 만들 수 있습니다.

 

 

행 / 열 간격 조절하는 방법

 

행과 열 간격 조절 방법
행과 열 간격 조절 방법

티스토리 블로그의 테이블은 커서를 갖다 놓으면 파워포인트나 다른 프로그램처럼 커서가 바뀌지 않는 점이 있습니다.

처음에 저도 조금 당황스러웠는데요. 한두번 익혀놓으니 괜찮습니다만 초보자가 쉽게 사용할 수 있게 바뀌었으면 좋겠습니다. 선에 커서를 놓고 원하는 방향으로 드래그하면 크기와 간격이 조절됩니다.

 

 

HTML에서 표 크기 조정하는 방법

그런데 이렇게 간격조절을 하다보면 비율을 똑같이 맞추고 싶을 때가 있습니다. 대략적으로 움직여서 맞출 수도 있지만 다른 방법이 있는데요. HTML모드에 들어가서 변경해 주면 됩니다. 아래의 표는 간격이 안 맞는데요

     
     
     
     
     

표는 table을 찾으면 되고요. 세로는 height, 가로는 width를 찾아줍니다. 그다음에 가로 비율을 20%, 60%, 20%의 간격으로 만들어 보겠습니다. 

 

테이블 수정 전

     
     
     
     

Table 수정전

 

 

 

테이블 수정 후

     
     
     

 

테이블 수정 후
테이블 수정후

이렇게 간단히 HTML로 간격 조절이 가능합니다.

 

HTML에서 테이블 색상 변경하는 방법

테이블 색상 변경
빨간 동그라미를 클릭합니다.

위의 방법으로 색상 변경도 가능한데요. HTML로 색상변경하는 방법을 알아보겠습니다.

bgcolor가 표 안의 색상을 의미합니다.

     
     

HTML로 색상 변경하기
HTML로 색상변경하기

티스토르 블로그에서 테이블 표 만드는 방법부터 간격 수정하는 방법, HTML로 색상변경하는 방법까지 알아보았습니다.

위의 여러 방법을 활용해 블로그 테이블 만드는데 도움이 되었으면 좋겠습니다. 끝까지 읽어주셔서 감사드립니다.

반응형