프리미엄 홈페이지 제작 86만원 Design view

CEO MESSAGE

이너웹만의 신념과 철학은
고객의 사업성장을 향합니다.

홈페이지

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

  • 관리자
  • 2020-02-26 21:50:00
  • vote4
  • 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복사
댓글작성

열기 닫기

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

상담 및 견적문의

확인 후 빠르게 연락드립니다

개인정보 취급 방침 확인 add_circle_outline

- 수집하는 개인정보의 항목

회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다.

· 수집항목 : 회사명, 담당자명, 연락처, 예산, 웹페이지수, 유입경로, 문의내용,
· 개인정보 수집방법 :상담문의

- 개인정보의 수집 및 이용목적

회사는 수집한 개인정보를 다음의 목적을 위해 활용합니다.

서비스 제공에 관한 계약 이행 및 서비스 제공에 따른 요금정산
구매 및 요금 결제 , 물품배송 또는 청구지 등 발송
회원 관리
회원제 서비스 이용에 따른 본인확인 , 개인 식별 , 불량회원의 부정 이용 방지와 비인가 사용 방지 , 가입 의사 확인 , 연령확인

- 개인정보의 보유 및 이용기간

회사는 개인정보 수집 및 이용목적이 달성된 후에는 예외 없이 해당 정보를 지체 없이 파기합니다.