[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 data3(rowspan을 2로 설정)
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>

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

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

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

댓글