[HTML] 구글 블로그 테이블 만들기

구글 블로그 테이블 만들기

구글 블로그(블로거, 블로그스팟)에서 테이블 만들기에 대해 알아보도록 합시다. 바로 표를 등록하는 방법은 없어서 HTML태그를 이용하여야 합니다.

caption 태그 부분
table header1 table header2 table header3
table header1 table data1 table data2 table data3(rowspan을 2로 설정)
table header1 table data1 table data2
table header1 table data1 table data2 table data3 table data4
table header1 table data1 table data2
table footer(colspan을 5로 설정)
<table align="center" border="2" cellpadding="2" cellspacing="1" style="text-align: center; width: 500px;">
  <caption>caption 태그 부분</caption>
  <thead>
    <tr>
      <th></th>
      <th>table header1</th>
      <th>table header2</th>
      <th>table header3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>table header1</th>
      <td>table data1</td>
      <td>table data2</td>
      <td rowspan="2">table data3(rowspan을 2로 설정)</td>
    </tr>
    <tr>
      <th>table header1</th>
      <td>table data1</td>
      <td>table data2</td>
    </tr>
    <tr>
      <th>table header1</th>
      <td>table data1</td>
      <td>table data2</td>
      <td>table data3</td>
      <td>table data4</td>
    </tr>
    <tr>
      <th>table header1</th>
      <td></td>
      <td>table data1</td>
      <td>table data2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="5">table footer(colspan을 5로 설정)</td>
    </tr>
  </tfoot>
</table>

구글 블로그는 위의 메뉴를 다 살펴봐도 표 만들기 기능이 없어 보입니다.

표를 만들 때도 이렇게 태그를 해야 하는 건가...😂

그나마 다행인 건 서식 복사가 굉장히 탁월하게 잘 되어 있습니다.

댓글 2개
  1. 블로거에 표 넣는 법 찾다가 여기까지 와버렸네요. 복잡한 html 코드를 하나하나 적는 것 말고는 방법이 없는 것 같습니다.

    네이버나 티스토리와 비교해 보면 편의성이 부족한 것 같긴 합니다.

    답글삭제
    답글
    1. 그 부분이 아쉽죠... 하다보니까 만들어진 표를 단순히 Ctrl+C 로 복사해서 편집기에 바로 Ctrl+V 하면 코드 전체가 복사가 되기는 하더군요. 저는 그렇게 사용하고 있습니다.

      삭제
가져가실 때, 출처 표시 부탁드려요! 감사합니다. 💗