April 2018 HTML Kalender mit HTML Code

Über HTML-Kalendervorlage ist für den Einsatz als einfügbarer Webkalender konzipiert. Von WinCalendar.com heruntergeladet. Der HTML-Kalender reagiert und wird automatisch schrumpfen, um die Größe seines Containers div anzupassen. Unten ist der Kalender HTML-Quellcode. Kopieren Sie einfach den untenstehenden Code auf Ihre Webseite.
<!-- Kalender April 2018 Mit freundlicher Genehmigung von WinCalendar.com -->
<style>   .monthNoCol { width: 3.2%}   .monthTxtCol { width: 10.9%;}  .pnmlink{ color:#CDCDCD; font-size:0.8em; }  #Calendar {font-family:Arial, sans-serif; border-collapse: collapse; width:100%; table-layout:fixed;}   #Calendar h1 {font-size:12.0pt; font-weight:400; margin-top:0px; margin-bottom:0.1em;  font-weight:normal;}   .Saprorar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 0 3.7px 7.8px; border-color: transparent transparent transparent #f3f6fd; margin:0 0.15em;}  .Saprolar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 7.8px 3.7px 0; border-color: transparent #f3f6fd transparent transparent; margin:0 0.15em;}  #Calendar tr { height:1.2em; }   #Calendar tr:nth-child(even) {vertical-align:top; height:1.5em; }  #Calendar tr:nth-child(odd) {vertical-align:middle;}  #Calendar tr:first-child { height:1.7em; vertical-align:bottom; }   #Calendar tr:nth-child(2) {vertical-align:bottom; height:1.2em;}  #Calendar tr:first-child td:first-child { -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; border-top-left-radius: 11px;}  #Calendar tr:first-child td:last-child { -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px;  border-top-right-radius: 11px; }  #Calendar tr:not(:first-child) td:last-child { border-right:1.5pt solid #355986; }   #Calendar tr:last-child td:last-child {vertical-align:bottom;}   .Sapro9032624{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro9132624{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; } .Sapro9232624{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro9332624{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-right:1.5pt solid #355986; background:#F9F9E1; } .Sapro9432624{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro9532624{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#F9F9E1; } .Sapro9632624{font-size:12.0pt; } .Sapro9732624{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.5pt solid #355986; background:#355986; } .Sapro9832624{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.0pt solid white; background:#355986; } .Sapro10032624{color:#003366; font-size:6.0pt; text-align:left; border-bottom:1.5pt solid #355986; background:#D9D9D9; } .Sapro10232624{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro10432624{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; } .Sapro10632624{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro10832624{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro10932624{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#D9D9D9; } .Sapro11032624{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-right:1.5pt solid #355986; background:#D9D9D9; } .Sapro11132624{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro11332624{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro11532624{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro11632624{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; background:#D9D9D9; } .Sapro11832624{color:white; font-size:12.0pt; text-align:center; border-bottom:1.0pt solid white; background:#355986; } .Sapro11932624{color:#CDCDCD; font-size:0.8em; text-align:right; border-bottom:1.0pt solid white; background:#355986; } .Sapro12132624{color:#CDCDCD; font-size:0.8em; text-align:left; border-bottom:1.0pt solid white; background:#355986; } </style>
<table id='Calendar' data-month=201804 border=0 cellpadding=0 cellspacing=0>
 <colgroup>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
</colgroup>
<tr class=Sapro9632624>
  <td colspan=4 class=Sapro12132624><a href="https://www.wincalendar.com/kalender/Deutschland/Marz-2018" title="März 2018"><div class="Saprolar"></div><span class="pnmlink">Mär 2018</span></a></td>
  <td colspan=6 class=Sapro11832624><h1>Kalender April 2018</h1></td>
  <td colspan=4 class=Sapro11932624><a href="https://www.wincalendar.com/kalender/Deutschland/Mai-2018" title="Mai 2018"><span class="pnmlink">Mai 2018</span><div class="Saprorar"></div></a></td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro9732624>So</td>
  <td colspan=2 class=Sapro9832624>Mo</td>
  <td colspan=2 class=Sapro9832624>Di</td>
  <td colspan=2 class=Sapro9832624>Mi</td>
  <td colspan=2 class=Sapro9832624>Do</td>
  <td colspan=2 class=Sapro9832624>Fr</td>
  <td colspan=2 class=Sapro9832624>Sa</td>
 </tr>
 <tr>
  <td class=Sapro9432624>1</td>
  <td class=Sapro9532624> </td>
  <td class=Sapro9032624>2</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>3</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>4</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>5</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>6</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9232624>7</td>
  <td class=Sapro9332624> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10232624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10632624></td>
 </tr>
 <tr>
  <td class=Sapro9432624>8</td>
  <td class=Sapro9532624> </td>
  <td class=Sapro9032624>9</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>10</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>11</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>12</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>13</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9232624>14</td>
  <td class=Sapro9332624> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10232624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10632624></td>
 </tr>
 <tr>
  <td class=Sapro9432624>15</td>
  <td class=Sapro9532624> </td>
  <td class=Sapro9032624>16</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>17</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>18</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>19</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>20</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9232624>21</td>
  <td class=Sapro9332624> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10232624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10632624></td>
 </tr>
 <tr>
  <td class=Sapro9432624>22</td>
  <td class=Sapro9532624> </td>
  <td class=Sapro9032624>23</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>24</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>25</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>26</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9032624>27</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro9232624>28</td>
  <td class=Sapro9332624> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10232624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10432624></td>
  <td colspan=2 class=Sapro10632624></td>
 </tr>
 <tr>
  <td class=Sapro9432624>29</td>
  <td class=Sapro9532624> </td>
  <td class=Sapro9032624>30</td>
  <td class=Sapro9132624> </td>
  <td class=Sapro10832624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro10932624> </td>
  <td class=Sapro11032624> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11132624></td>
  <td colspan=2 class=Sapro11332624></td>
  <td colspan=2 class=Sapro11532624></td>
  <td colspan=2 class=Sapro11632624> </td>
  <td colspan=2 class=Sapro11632624> </td>
  <td colspan=2 class=Sapro11632624> </td>
  <td colspan=2 class=Sapro10032624><a href="https://www.wincalendar.com/calendar-maker" title=Kalender-Hersteller><span>WinCalendar</span></a></td>
 </tr>
 
</table>
Lizenzbedingungen: Kostenlos für die persönliche und kommerzielle Nutzung so lange wie: Verwendung ist nur für nicht-konkurrenzfähige Nutzung in Bezug auf uns (Sapro Systems LLC / WinCalendar.com).
Mär 2018		Kalender April 2018			Mai 2018
So	Mo	Di	Mi	Do	Fr	Sa
1	2	3	4	5	6	7

8	9	10	11	12	13	14

15	16	17	18	19	20	21

22	23	24	25	26	27	28

29	30
						WinCalendar