| 1 | <style type="text/css">
|
|---|
| 2 | .table-bordered {border-width: 0.25mm; border-style: solid; border-color: #aaaaaa;}
|
|---|
| 3 | </style>
|
|---|
| 4 | <page backtop="5mm" backbottom="5mm" backleft="5mm" backright="5mm">
|
|---|
| 5 | <table style="border-top: solid 1px green;">
|
|---|
| 6 | <col class="table-bordered" style="width: 20mm;">
|
|---|
| 7 | <col class="table-bordered" style="width: 21mm;">
|
|---|
| 8 | <col class="table-bordered" style="width: 22mm;">
|
|---|
| 9 | <tr>
|
|---|
| 10 | <th style="border-top: solid 1px red">0 0</th>
|
|---|
| 11 | <th style="border-top: solid 1px red">0 1</th>
|
|---|
| 12 | <th style="border-top: solid 1px red">0 2</th>
|
|---|
| 13 | </tr>
|
|---|
| 14 | <tr>
|
|---|
| 15 | <td><div>1 0</div></td>
|
|---|
| 16 | <td>1 1</td>
|
|---|
| 17 | <td>1 2</td>
|
|---|
| 18 | </tr>
|
|---|
| 19 | </table>
|
|---|
| 20 | <br /><hr /><br />
|
|---|
| 21 | <table style="border-collapse: collapse;">
|
|---|
| 22 | <col class="table-bordered" style="width: 20mm;">
|
|---|
| 23 | <col class="table-bordered" style="width: 21mm;">
|
|---|
| 24 | <col class="table-bordered" style="width: 22mm;">
|
|---|
| 25 | <tr>
|
|---|
| 26 | <th style="border: solid 1px red" >0 0</th>
|
|---|
| 27 | <th style="border: solid 1px red">0 1</th>
|
|---|
| 28 | <th style="border: solid 1px red">0 2</th>
|
|---|
| 29 | </tr>
|
|---|
| 30 | <tr>
|
|---|
| 31 | <td><div>1 0</div></td>
|
|---|
| 32 | <td>1 1</td>
|
|---|
| 33 | <td>1 2</td>
|
|---|
| 34 | </tr>
|
|---|
| 35 | </table>
|
|---|
| 36 | <br /><hr /><br />
|
|---|
| 37 | <table border="1" style="width:150mm">
|
|---|
| 38 | <colgroup>
|
|---|
| 39 | <col style="width: 33%">
|
|---|
| 40 | <col style="width: 33%">
|
|---|
| 41 | <col style="width: 33%">
|
|---|
| 42 | </colgroup>
|
|---|
| 43 | <tr>
|
|---|
| 44 | <td>A</td>
|
|---|
| 45 | <td>B</td>
|
|---|
| 46 | <td>C</td>
|
|---|
| 47 | </tr>
|
|---|
| 48 | </table>
|
|---|
| 49 | <br /><hr /><br />
|
|---|
| 50 | <table border="1" style="width:150mm">
|
|---|
| 51 | <colgroup>
|
|---|
| 52 | <col style="width: 33%">
|
|---|
| 53 | <col style="width: 33%">
|
|---|
| 54 | <col style="width: 33%">
|
|---|
| 55 | </colgroup>
|
|---|
| 56 | <tr>
|
|---|
| 57 | <td>A</td>
|
|---|
| 58 | <td>B</td>
|
|---|
| 59 | <td>C</td>
|
|---|
| 60 | </tr>
|
|---|
| 61 | <tr>
|
|---|
| 62 | <td style="padding: 1cm;">First column</td>
|
|---|
| 63 | <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
|---|
| 64 | </tr>
|
|---|
| 65 | <tr>
|
|---|
| 66 | <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
|---|
| 67 | </tr>
|
|---|
| 68 | </table>
|
|---|
| 69 | <br /><hr /><br />
|
|---|
| 70 | <table border="1" style="width:150mm">
|
|---|
| 71 | <colgroup>
|
|---|
| 72 | <col style="width: 33%">
|
|---|
| 73 | <col style="width: 33%">
|
|---|
| 74 | <col style="width: 33%">
|
|---|
| 75 | </colgroup>
|
|---|
| 76 | <tr>
|
|---|
| 77 | <td style="padding: 1cm;">First column</td>
|
|---|
| 78 | <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
|---|
| 79 | </tr>
|
|---|
| 80 | <tr>
|
|---|
| 81 | <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
|---|
| 82 | </tr>
|
|---|
| 83 | </table>
|
|---|
| 84 | <br /><hr /><br />
|
|---|
| 85 | <table border="1" style="width:150mm">
|
|---|
| 86 | <colgroup>
|
|---|
| 87 | <col style="width: 33%">
|
|---|
| 88 | <col style="width: 33%">
|
|---|
| 89 | <col style="width: 33%">
|
|---|
| 90 | </colgroup>
|
|---|
| 91 | <tr>
|
|---|
| 92 | <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
|
|---|
| 93 | <td style="padding: 1cm;">First column</td>
|
|---|
| 94 | </tr>
|
|---|
| 95 | <tr>
|
|---|
| 96 | <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
|
|---|
| 97 | </tr>
|
|---|
| 98 | </table>
|
|---|
| 99 | <br />
|
|---|
| 100 | <font color="red">Hello</font><br />
|
|---|
| 101 | <br />
|
|---|
| 102 | Image : <img src="./res/logos.png" /><br />
|
|---|
| 103 | Image : <img src="./res/logo.png" /><br />
|
|---|
| 104 |
|
|---|
| 105 | <h2>Css Large FontSize</h2>
|
|---|
| 106 | <span style="font-size: medium;" >text with font-style medium</span><br />
|
|---|
| 107 | <span style="font-size: large;" >text with font-style large</span><br />
|
|---|
| 108 | <span style="font-size: x-large;" >text with font-style x-large</span><br />
|
|---|
| 109 | <span style="font-size: xx-large;">text with font-style xx-large</span><br />
|
|---|
| 110 |
|
|---|
| 111 | <h2>Css Small FontSize</h2>
|
|---|
| 112 | <span style="font-size: medium;" >text with font-style medium</span><br />
|
|---|
| 113 | <span style="font-size: small;" >text with font-style small</span><br />
|
|---|
| 114 | <span style="font-size: x-small;" >text with font-style x-small</span><br />
|
|---|
| 115 | <span style="font-size: xx-small;">text with font-style xx-small</span><br />
|
|---|
| 116 |
|
|---|
| 117 | <h2>Css Relative FontSize</h2>
|
|---|
| 118 | <span style="font-size: medium;" >text with font-style medium</span><br />
|
|---|
| 119 | <span style="font-size: smaller;" ><span style="font-size: larger;" >text with font-style smaller larger</span></span><br />
|
|---|
| 120 | <span style="font-size: larger;" >text with font-style larger</span><br />
|
|---|
| 121 | <span style="font-size: smaller;" >text with font-style smaller</span><br />
|
|---|
| 122 | </page>
|
|---|
