Table sample

explanation explanation
Update date:
Activity Japan Editorial Department

Suggestions for changing the table template

Use the previous "table" button

someone who looks like a table heading
AAAAA aaaaa
BBBBB bbbbb
DDDDD ddddd

<table class="article_table">


<thead>


<tr>


<th colspan="2">Table heading type</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>

  Is the table title (``Table Heading Type Guy'') incorporated into the table as a ``Table Column Heading'', making it difficult for Google to recognize it as a ``Table Title''?

Enter title as caption (table title)

table title
AAAAA aaaaa
BBBBB bbbbb
DDDDD ddddd
<table class="article_table">
<caption><strong>Table title</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>

Reference URL

Enjoy winter in Sapporo! Recommended activities/sightseeing spots

"・" in the table can be used as a string! →It is recognized as a “table” first, so

Jonangu Shrine
address 7, Nakajima Toba Rikyumachi, Fushimi Ward, Kyoto City, Kyoto Prefecture
2024 (Reiwa 6)
February events
・Jonangu Nanakusa Porridge: February 11th (Sunday/Holiday)
・Weeping Plum and Camellia Festival: February 18th (Sunday) – March 22nd (Friday)
<table class="article_table">
<caption><strong>Jonangu Palace</strong></caption>
<tbody>
<tr>
<th>Address</th>
<td>7 Nakajima Toba Rikyucho, Fushimi Ward, Kyoto City, Kyoto Prefecture</td>
</tr>
<tr>
<th>2024 (Reiwa 6)<br>
February events</th>
<td>
・Jonangu Nanakusa Porridge: February 11th (Sunday/Holiday)<br>
・Weeping Plum and Camellia Festival: February 18th (Sunday) – March 22nd (Friday)
</td>
</tr>
</tbody>
</table>

With column headings →
Code confirmation is required, including width specification!

Column width and line breaks are not specified

  Column heading 1 column heading 2
AAAAA aaaaa 11111
BBBBB bbbbb 22222
DDDDD ddddd 33333
<table class="article_table">
<thead>
<tr>
<th> </th>
<th>Column heading 1</th>
<th>Column heading 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>

Specify column width and non-line breaks

region average temperature average maximum temperature average minimum temperature
Kyoto 5.4℃ 10.0℃ 1.6℃
Sonobe 2.1℃ 7.0℃ -1.5℃
<table class="article_table">
<thead>
<tr>
<th>Region</th>
<th>Average temperature</th>
<th>Average maximum temperature</th>
<th>Average minimum temperature</th>
</tr>
</thead>
<tbody>
<tr>
<th nowrap="nowrap">Kyoto</th>
<td width="300">5.4℃</td>
<td width="30">10.0℃</td>
<td width="500">1.6℃</td>
</tr>
<tr>
<th>Sonobe</th>
<td>2.1℃</td>
<td>7.0℃</td>
<td>-1.5℃</td>
</tr>
</tbody>
</table>

KKday products

●Image explanation●

●Text●

●Link destination plan name etc.●
*You will be redirected to the KKday website.

<div class="article_panel__color--●color●">
<!-- Image wrapping right/left article_float--right / article_float--left -->
<div class="article_float--right">
<div class="article_float__img">
<a href="●Link destination URL●">●Image explanation●
</a>
</div>
<p class="article_float__text">
●Text●<br>
<div class="margin-b-20"></div>
<strong><a href="●Link destination URL●">●Link destination plan name, etc.●</a></strong><br>
<small>※Transition to KKday site</small></p>
</div></div>
Search by activity / experience
Loading