본문 바로가기
블로그 관리/티스토리 블로그 관리

티스토리에서 테이블 편집 방법: 가로, 세로, 외곽선, 복잡한 테이블 만들기

by Kibua20 2020. 10. 17.
728x170

티스토리 에디터에서 글을 작성하다 보면 테이블을 삽입하는 경우가 많습니다.  티스토리 에디터에서 테이블의 크기를 조절하는 방법을 2가지 방법이 있습니다. 

  • 기본 모드에서 테이블의 선을 누른 상태에서 셀의 가로, 세로 크기를 조절
  • HTML 모드에서 html을 수정하는 방법

마우스로 조정하는 것은 원하는 크기를 실시간으로 보면서 조절하기 때문에 직관적입니다.  사실 포스팅을 준비하면서 마우스로 표 크기 조절이 가능하지 알았습니다. 그 전에는 에디터 기본 값으로 설정된 크기만 사용했습니다. 

 

Html을  <table> 의 style을 조정하는 경우는 html와 CSS를 활용해서 티스토리 에디터에서 지원하는 않는 복잡한 테이블 스타일까지 적용할 수 있습니다. 

 

티스토리 블로그에서 테이블 크기 조절

 



HTLM으로 테이블 편집 사례

Table 크기와 Boarder 크기 조정:  Table 크기를 400px로 고정하고 외곽선을 두껍게 수정.

<table style="border-collapse: collapse; width: 400px; height: 42px;" border="4">

 

수정 결과:

   
   

 

Html Table online 사이트 활용

html을 직접 수정이 어려운 경우에는 html online 사이트에서 테이블을 html을 만들어 티스토리 "html 모드"에서 테이블 code를 붙여 넣기 하면 복잡한 테이블로 넣기가 가능합니다. 

 

html online site: www.tablesgenerator.com/html_tables

 

Html 생성

 

 

Html 적용 결과: 

복잡한 테이블 col1 col2  
Row 1 item1 itme2
item3 item4
Row 2      
Row3      

 

관련 글:

[블로그 관리/티스토리 블로그 관리] - 파이썬 Selenium을 활용한 네이버 서치어드바이저 URL 입력 '자동화'

[블로그 관리/티스토리 블로그 관리] - 파이썬 Selenium을 활용한 블서치 백링크 등록 '자동화'

[블로그 관리/티스토리 블로그 관리] - Adsense 승인 후 블로그 유입량 및 수익 분석

[블로그 관리/티스토리 블로그 관리] - 초보자를 위한 티스토리 블로그 애드센스 광고 설정 방법

[블로그 관리/티스토리 블로그 관리] - 티스토리 검색 기능이 제목을 가리는 문제 해결 방법 (티스토리 검색 기능 삭제)

[블로그 관리/티스토리 블로그 관리] - 티스토리 블로그 초보를 위한 대표 이미지 안 잘리게 만들기

[블로그 관리/모바일 마케팅] - [용어정리 #6] 백링크 / 역링크

[블로그 관리/모바일 마케팅] - [용어 정리 #7] CPC, CTR, CPM, RPM에 대한 설명

[블로그 관리/티스토리 블로그 관리] - 티스토리 블로그 메뉴 추가하기

[블로그 관리/모바일 마케팅] - [용어 정리 #3] Deep link / App link

[블로그 관리/티스토리 블로그 관리] - 초보 블로그 관리: 서치 콘솔 등록부터 Adsense 낙방 후 2차 성공!

 

 

그리드형



댓글8