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

📌 티스토리 테이블을 예쁘게 넣는 방법

티스토리에서 글을 작성할 때 테이블을 활용하면 정보를 보기 쉽게 정리할 수 있다.
하지만 기본 제공되는 테이블은 스타일이 제한적이라 원하는 디자인을 적용하기 어려운 경우가 많다.
이번 글에서는 기본 테이블 사용법부터 HTML을 활용한 테이블 꾸미기 방법까지 자세히 알아보겠다.

---

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

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 기준)

---

📌 마무리하며: 어떤 방법이 가장 좋을까?

티스토리에서 테이블을 예쁘게 넣는 방법은 크게 세 가지다.

방법	장점	단점
기본 테이블	클릭만으로 쉽게 삽입 가능	디자인 변경이 제한적
HTML 테이블	자유로운 스타일 적용 가능	매번 코드 작성 필요
CSS 스타일 적용	블로그 전체에 일관된 디자인 유지	HTML에서 class 추가해야 함

📌 가장 편리한 방법:
✔ 자주 사용하는 테이블은 서식으로 저장하여 활용
✔ 특별한 디자인이 필요한 경우 HTML 코드 작성
✔ 블로그 전체에 통일감을 주고 싶다면 CSS 수정

📢 여러분은 어떤 방법이 가장 편리한가요?
티스토리에서 테이블을 사용할 때 유용한 팁이나 궁금한 점이 있다면 댓글로 공유해주세요! 😊