clear
홈페이지제작 / 온라인마케팅 문의 TEL. 070-7765-5555 카톡문의

'고객과 함께 성장하는 것'이 가장 큰 가치입니다.

Innerweb
홈페이지

이쁜 표 쉽게 만드는 방법 (Tables Generator)

  • 관리자
  • 2020-02-26 21:50:00
  • vote3
  • 175.203.84. ***

 

게시글을 작성할 때

게시판에 탑재된 에디터에서 기본으로 제공하는 표만들기 기능을 사용해도 되지만 좀더 이쁘게 표를 만들 수 있는 방법을 소개해드리겠습니다.

표 쉽게 만들게 도와주는 사이트 : http://www.tablesgenerator.com

 

 

 

1. HTML 테이블 선택

Tables Generatro 사이트에서  게시글에 넣을 수 있는 "HTML Tables"로 이동합니다.

 

 

 

2. 표의 열/행 추가

메뉴에서 Table > Set size > 열/행 갯수 선택


 

 

 

 

3. 테마 선택

맨 오른쪽에 있는 테마 버튼을 클릭하면 표 스타일을 미리보고 선택할 수 있습니다.

Colors(색상), Borders(선), Stripes(구분 배경)을 선택한 후 Close로 닫으시면 적용됩니다.


 

 
 


 

 

 

 

4. 텍스트 입력

칸을 선택하여 텍스트를 입력하면됩니다.

* 키보드의 탭(Tab)을 누르면 다음칸이 선택됩니다.

 

 

 

5. 열/행 병합, 병합 취소

마우스로 드래그 하여 병합할 칸들을 선택한 후 병합 아이콘을 클릭합니다.


 

 

 

 

6. 텍스트 중앙정렬

먼저 글을 다 채웠습니다. 그리고 전체 선택하여 중앙정렬 아이콘을 클릭하면됩니다.


 


 

 

 

 

7. 텍스트 두껍게

강조되어야 되는 내용의 텍스트는 두껍게 처리하면 구분이 확실해서 좋습니다. 저는 시간 부분을 두껍게 해보겠습니다.


 

 

 

 

8. 소스 추출하기

표스타일 설정과 내용을 다 입력 했으면 "Generate"버튼을 눌러 소스를 추출합니다.

 

 

 

9. 소스 복사, 붙여넣기

"Copy to clipboard"버튼을 누르면 소스가 복사되는데요. 복사된 코드를 게시글 작성란에 "소스모드"로 해서 Ctrl + V로 붙여넣기 합니다.


 


 


 

 

 

 

10. 표 100%로 보이게 설정

표를 오른쪽의 여백없이 100%로 보이게 하고 싶을경우 에디터 모드에서 표에 있는 텍스트 아무거나 마우스의 왼쪽버튼으로 한번 클릭합니다. 그다음 오른쪽 버튼을 클릭하면 표 설정이 보일겁니다. 표 설정에서 너비 값을 100%로 설정하고 저장하시면됩니다.

 
 


 


 

 

 

게시글 공유 URL복사
댓글작성

열기 닫기

댓글작성
로그인 하러가기!