표(테이블) 샘플

표의 템플릿 변경에 대한 제안

지금까지의 「테이블(표)」버튼 사용

인테리어 제목 녀석
AAAAA	aaaaa
BBBBB	bbbbb
DDDDD	ddddd

<table class="article_table">


<thead>


<tr>


<th colspan="2">테이블 내 제목 </th>


</tr>


</thead>


<tbody>


<tr>


<th>AAAAA</th>


<td>aaaaa</td>


</tr>


<tr>


<th>BBBBB</th>


<td>bbbbb</td>


</tr>


<tr>


<th>DDDDD</th>


<td><a href="xxxx" class="underline">ddddd</a></td>


</tr>


</tbody>


</table>

　 테이블 제목 ( "테이블 제목")이 "테이블 열 머리글"로 테이블에 포함되어 google에 "테이블 제목"으로 인식하기 어렵습니까?

제목을 캡션(표 제목)으로 입력

테이블 제목

AAAAA	aaaaa
BBBBB	bbbbb
DDDDD	ddddd

<table class="article_table">

<caption><strong>테이블 제목</strong></caption>

<tbody>
<tr>
<th>AAAAA</th>
<td>aaaaa</td>
</tr>
<tr>
<th>BBBBB</th>
<td>bbbbb</td>
</tr>
<tr>
<th>DDDDD</th>
<td><a href="xxxx" class="underline">ddddd</a></td>
</tr>
</tbody>
</table>

참조 URL

삿포로의 겨울을 만끽! 추천 활동 및 관광 명소

표내에서의 「・」는, 문자열 이용 OK! → 먼저 「표」로서 인식되기 때문에

성남궁

주소	교토부 교토시 후시미구 나카지마 도바리 미야마치 7
2024(영화 6)년 2월 이벤트	・성남궁 나나쿠사죽:2월 11일(일·축) ・시다레 매화와 동백 축제:2월 18일(일)~3월 22일(금)

<table class="article_table">
<caption><strong>성남궁</strong></caption>
<tbody>
<tr>
<th>주소</th>
<td>교토부 교토시 후시미구 나카지마 도바리 미야마치 7</td>
</tr>
<tr>
<th>2024(영화 6)년<br>
2월 이벤트</th>
<td>
・성남궁 나나쿠사 죽:2월 11일(일·축)<br>
・시다레 매화와 동백 축제:2월 18일(일)~3월 22일(금)
</td>
</tr>
</tbody>
</table>

열 제목 있음 →
폭 지정 포함 코드 확인 필요!

열폭이나 개행은 미지정

	열 제목 1	열 제목 2
AAAAA	aaaaa	11111
BBBBB	bbbbb	22222
DDDDD	ddddd	33333

<table class="article_table">
<thead>
<tr>
<th></th>
<th>열 제목 1</th>
<th>열 제목 2</th>
</tr>
</thead>
<tbody>
<tr>
<th>AAAAA</th>
<td>aaaaa</td>
<td>11111</td>
</tr>
<tr>
<th>BBBBB</th>
<td>bbbbb</td>
<td>22222</td>
</tr>
<tr>
<th>DDDDD</th>
<td><a href="xxxx" class="underline">ddddd</a></td>
<td>33333</td>
</tr>
</tbody>
</table>

열 너비와 비 줄 바꿈 지정

지역	평균 기온	평균 최고 기온	평균 최저 기온
교토	5.4℃	10.0℃	1.6℃
원부	2.1℃	7.0℃	-1.5℃

<table class="article_table">
<thead>
<tr>
<th>지역</th>
<th>평균 기온</th>
<th>평균 최고 기온</th>
<th>평균 최저 기온</th>
</tr>
</thead>
<tbody>
<tr>
<th nowrap="nowrap">교토</th>
<td width="300">5.4℃</td>
<td width="30">10.0℃</td>
<td width="500">1.6℃</td>
</tr>
<tr>
<th>원부</th>
<td>2.1℃</td>
<td>7.0℃</td>
<td>-1.5℃</td>
</tr>
</tbody>
</table>

KKday 상품

<div class="article_panel__color--●색 ●">
<!-- 이미지 회전 오른쪽 / 왼쪽 article_float--right / article_float--left -->
<div class="article_float--right">
<div class="article_float__img">
<a href="● 클릭연결 URL●">
</a>
</div>
<p class="article_float__text">
● 텍스트 ●<br>
<div class="margin-b-20"></div>
<strong><a href="● 클릭연결 URL●">● 클릭연결 계획 이름 등 ●</a></strong><br>
<small>※KKday 사이트로 전환합니다.</small></p>
</div></div>