마스터포유(Master4U)
Monday, 17 of January
 

로그인
이쁜 표 쉽게 만드는 방법 (Tables Generator)
관리자  2020-03-14 17:16:41 Hit:10
링크 #1: http://www.tablesgenerator.com


<원문 사이트 URL : http://www.innerweb.kr/bbs_shop/read.htm?board_code=homepage&idx=99961&cate_sub_idx=0 >

이쁜 표 쉽게 만드는 방법 (Tables Generator)
관리자2020-02-26 21:50:00vote0175.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%로 설정하고 저장하시면됩니다.


#HTML 이쁜 표 이쁜 테이플 만들기
본문인쇄본문메일발송
☞자바스크립트를 사용하여 이미지 마우스 오버롤 효과 내기
198백만 개가 넘는 로열티 프리 이미지 스톡 비디오 클립 및 음악
Copyright 1999-2020 Zeroboard / skin by ChanBi