티스토리 테이블 예쁘게 넣기

테이블을 만들어서 넣어야 하는데, 어떻게 하면 예쁘게 넣을 수 있을지 방법을 찾아보자.

티스토리 글에서 제공하는 기본 테이블 사용 방법

1. 상단에 "테이블" 버튼을 선택하여, 원하는 크기만큼 테이블을 선택하기

2. 생성된 테이블을 클릭 후 뜨는 메뉴에 "표 테마" 선택하기

3.  원하는 스타일 선택하기

스타일을 선택하면 아래와 같이 테이블에 스타일이 적용된 것을 볼 수 있다.

기본 제공되는 테이블 테마는 정해져 있어서 내가 원하는 테이블을 적용하려면 직접 HTML 코드를 작성해야 한다.

HTML 코드로 테이블 작성하기

회원번호	회원종류	성명	전화번호
001	VIP	김아무개	010-xxxx-xxxx

위 테이블 스타일로 넣고 싶고 그 방법은 아래와 같다.

HTML 코드를 글에 넣는 방법은 글 작성 모드를 HTML로 바꾸는 방법과 HTML 블럭을 작성하는 방법인데, 

HTML 블럭을 이용하여 작성하게 되면 테이블에 내용을 바꿀 수 없어 불편하여, 글 작성 모드를 HTML로 바꾸는 방법을 사용한다.

1. 글 작성 모드를 "기본모드" 에서 "HTML" 로 변경하기

2. "HTML" 모드에서 HTML 코드를 작성하기

내가 넣고 싶은 위치에 테이블 코드를 작성하면 된다. 

<table border="1" borderColor="#FF0000" style="text-align:center;">
<col width="100"><col width="100"><col width="100"><col width="120">
<tr style="background:#F7C8BD;font-weight:bolder; ">
 <td>회원번호</td>
 <td>회원종류</td>
 <td>성명</td>
 <td>전화번호</td>
</tr>
<tr>
 <td>001</td>
 <td>VIP</td>
 <td>김아무개</td>
 <td>010-xxxx-xxxx</td>
</tr>
</table>

하지만 테이블 코드를 매번 글마다 복사 하기에는 불편함이 있다. 그래서 서식을 미리 만들어서 필요할 때마다 사용 하는 방법이 있다.

서식을 만드는 방법은 아래 제목 스타일 넣기 글을 참고해서 응용하면 된다.

https://d-knowledge.tistory.com/9

티스토리 제목 스타일 넣기(2023-09-19 기준)

서식으로 만드는 방법 이외에 스킨을 수정하여, 테이블 스타일을 적용할 수 도 있다.

모든 테이블에 스타일을 적용하는게 아닌 특정 class에만 적용하게 사용하면 된다.

하지만 글을 작성 할 때 특정 class를 넣기 위해 HTML 작성 모드로 변경해야 할 것이기에 서식으로 미리 만들어 놓고 사용하는 것을 추천한다.