블로그스팟 블로그에 표(셀) 넣는 방법
블로그스팟을 막 시작하신 뉴비님(아닐수도 있고)들께서 보자마자 화들짝 놀라는 부분이 있다
그건 바로 표/셀 넣는게 없다. 정말 에디터 개 쓰레기다 반박할수 없는...(심지여 서식별 저장도 없다. 정말 개똥꼬 에디터다)
몰론 찾아보면 금방 쉽게 나온다. 구글이나 마이크로 무료 엑셀 복붙, 사진 복붙 등이 있다.
반응형 테마인데 복사 불러넣기한 엑셀님께서는 위풍당당하게 그 크기를 지키고 있어서 핏줄이 터져나간다. 사진의 경우 수정이 안된다(그래서 해당 파일 지웠으면 다시 만들어야함)
그지같은 내용이지만 수정이 가능한 복사 불러넣기가 제일 쉬우니 이것도 넣어서 방법을 설명하겠다.
구글 문서를 이용한 삽입
- 스프레드시트 작성
- 파일(File) 메뉴에서 웹에 게시(Publish to the web)를 선택한다.
- 삽입에 체크 후 개시를 클릭한다.
- 아이프레임을 복사 후 게시글 html 편집 모드에서 붙여넣기를 하면 된다. 동영상 붙여넣기 방식과 같다.
- 문서가 수정되면 자동으로 다시 게시에 체크 후 개시를 클릭한다.
 |
| 구글 문서로 표 넣기 |
 |
| 구글 문서로 표넣기 |
단점이라면 블로그에서 바로 수정이 안된다. 오 슈퍼 구데기
잘 알는분들은 저걸 템플릿에 등록 후 수시로 사용하면 된다... 다만 엄청 길어진다 코드 길이가, 그 워드 표처럼 자동으로 넓이와 높이 / 길이가 글자 크기 및 양에 따라 자동으로 바뀐다
원노트에서 작성 후 복사 붙여넣기
이거는 어떤 착한 블로그스팟 유저분께서 알려주신 부분인데 원노트를 여기서 다운받은 후
그걸로 셀 작업후 복붙하면 디스플레이에 따라 좁아졌다 커졌다한다. 킹왕짱이다. 바로 수정도 가능하다. 다만 표를 한방에 제거하는것 말고는 병합 및 합치기가 불가능(HTML쓰면 되지만) 개인적으로 가장 좋은 방법이라 생각함
1 | 2 | 3 | 4 | 5 |
ㄱ | ㄴ | ㅇ | ㅁ | ㄴ |
비 | 비 | 비 | 비 | 비 |
씨 | 씨 | 씨 | 씨 | 씨 |
블로그스팟의 꽃 HTML 이용법
| 항 목 | 설 명 | CSS 코드 |
|---|---|---|
| border | 테이블 경계선(table, th, td) | border: 1px solid #ddd; |
| border-collapse | 한 줄로 경계선 합치기(table) | border-collapse: collapse; |
| width | 테이블의 너비(table) | width: 100%; |
| padding-top | 테이블 제목행의 윗쪽 여백(th) | padding-top: 12px; |
| padding-bottom | 테이블 제목행의 아랫쪽 여백(th) | padding-bottom: 12px; |
| padding | 셀의 안쪽 여백(th, td) | padding: 8px; |
| background-color | 제목행의 배경색(th) | background-color: #004d66; |
| color | 제목행의 글자색(th) | color: white; |
| text-align | 제목행의 글자 가운데 정렬(th) | text-align: center; |
| background-color | 데이터행의 얼룩말 무늬 배경색(tr) | background-color: #f2f2f2; |
제일 이상적인 표 난이도는 가장 높다.
코드는 아래에서 복붙하여 사용하기 바랍니다. (몰론 저 코드도 다른곳에서 따온거임)
결론
표는 사용자 디스플레이가 작아질수록 가독성이 지옥행이니 글자를 많이 넣지 말자...
겁나 불편해보여서 SCP장르에 표 넣었다가 다 삭제했다 -불편-
다음은 목차 만들는 방법을 서술하겠다. 참고로 현재 작성기준 본좌는 방문자 3명이다.
언잰간 샌드박스 탈출하겠지...