Top svg
Addition und Subtraktion bis 100
<table class=' table table-bordered '><tr><td>Row<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
1,</td><td>Row 1, Cell 2</td></tr><tr><td>Row 2, Cell 1</td><td>Row 2, Cell 2</td></tr><tr><td>Row 3, Cell 1</td><td>Row 3, Cell 2</td></tr><tr><td>Row 4, Cell 1</td><td>Row 4, Cell 2</td></tr><tr><td>Row 5, Cell 1</td><td>Row<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
5, Cell 2</td></tr><tr><td>Row 6, Cell 1</td><td>Row 6, Cell 2</td></tr><tr><td>Row 7<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
, Cell 1
</td><td>Row 7, Cell 2</td></tr><tr><td>Row 8, Cell 1</td><td>Row 8, Cell 2</td></tr><tr><td>Row 9, Cell 1</td><td>Ro. <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
Iii
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<!-- Krug sata -->
<circle cx="100" cy="100" r="90" fill="white" stroke="black" stroke-width="3" />
<!-- Brojevi na satu -->
<text x="95" y="30" font-size="15" text-anchor="middle" fill="black">12</text>
<text x="170" y="105" font-size="15" text-anchor="middle" fill="black">3</text>
<text x="95" y="185" font-size="15" text-anchor="middle" fill="black">6</text>
<text x="30" y="105" font-size="15" text-anchor="middle" fill="black">9</text>
<!-- Kazaljke -->
<!-- Satna kazaljka (14h = 2h na satu) -->
<line x1="100" y1="100" x2="100" y2="50" stroke="black" stroke-width="5" transform="rotate(60 100 100)" />
<!-- Minutna kazaljka (27 minuta) -->
<line x1="100" y1="100" x2="100" y2="30" stroke="black" stroke-width="3" transform="rotate(162 100 100)" />
<!-- Centar sata -->
<circle cx="100" cy="100" r="5" fill="black" />
</svg>
9, Cell 2</td></tr><tr><td>Row 10, Cell 1</td><td>Row 10, Cell 2</td></tr></table>