svg-hosting:table
table01.svg<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 380" width="500" height="380">
<foreignObject x="0" y="0" width="500" height="380">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
font-weight:bold;
}
table{
width: 480px;
height:360px;
table-layout: fixed;
border-collapse:collapse;
margin:0 auto;
}
td,th{
width: 160px;
height:120px;
text-align: center;
vertical-align: middle;
background:#efffef;
border-bottom:1px solid #ccc;
}
table tr th:nth-child(even),
table tr td:nth-child(even){
background:#ffffef;
}
</style>
</head>
<body>
<table>
<tr><td>1</td><td>3</td></tr>
<tr><td>2</td><td>4</td></tr>
</table>
</body>
</html>
</foreignObject>
</svg>
table02.svg<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 380" width="500" height="380">
<foreignObject x="0" y="0" width="500" height="380">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
font-weight:bold;
}
table{
width: 480px;
height:360px;
table-layout: fixed;
border-collapse:collapse;
margin:0 auto;
}
td,th{
width: 160px;
height:120px;
text-align: center;
vertical-align: middle;
background:#efffef;
border-bottom:1px solid #ccc;
}
table tr th:nth-child(even),
table tr td:nth-child(even){
background:#ffffef;
}
</style>
</head>
<body>
<table>
<tr><td>
やったこと
</td>
<td rowspan='2'>
つぎにやること
</td></tr>
<tr><td>
わかったこと
</td></tr>
</table>
</body>
</html>
</foreignObject>
</svg>
