Mai 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 Mai 2018 Von WinCalendar.com heruntergeladet -->
<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;}   .Sapro9032646{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro9132646{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; } .Sapro9232646{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro9332646{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-right:1.5pt solid #355986; background:#F9F9E1; } .Sapro9432646{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; } .Sapro9532646{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#F9F9E1; } .Sapro9632646{font-size:12.0pt; } .Sapro9732646{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; } .Sapro9832646{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; } .Sapro10032646{color:#003366; font-size:6.0pt; text-align:left; border-bottom:1.5pt solid #355986; background:#D9D9D9; } .Sapro10232646{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10332646{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#D9D9D9; } .Sapro10432646{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro10532646{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10732646{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro10832646{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; } .Sapro11032646{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro11232646{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro11432646{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro11532646{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-right:1.5pt solid #355986; background:#D9D9D9; } .Sapro11632646{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro11832646{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro12032646{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro12332646{color:white; font-size:12.0pt; text-align:center; border-bottom:1.0pt solid white; background:#355986; } .Sapro12432646{color:#CDCDCD; font-size:0.8em; text-align:right; border-bottom:1.0pt solid white; background:#355986; } .Sapro12632646{color:#CDCDCD; font-size:0.8em; text-align:left; border-bottom:1.0pt solid white; background:#355986; } </style>
<table id='Calendar' data-month=201805 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=Sapro9632646>
  <td colspan=4 class=Sapro12632646><a href="https://www.wincalendar.com/kalender/Deutschland/April-2018" title="April 2018"><div class="Saprolar"></div><span class="pnmlink">Apr 2018</span></a></td>
  <td colspan=6 class=Sapro12332646><h1>Kalender Mai 2018</h1></td>
  <td colspan=4 class=Sapro12432646><a href="https://www.wincalendar.com/kalender/Deutschland/Juni-2018" title="Juni 2018"><span class="pnmlink">Jun 2018</span><div class="Saprorar"></div></a></td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro9732646>So</td>
  <td colspan=2 class=Sapro9832646>Mo</td>
  <td colspan=2 class=Sapro9832646>Di</td>
  <td colspan=2 class=Sapro9832646>Mi</td>
  <td colspan=2 class=Sapro9832646>Do</td>
  <td colspan=2 class=Sapro9832646>Fr</td>
  <td colspan=2 class=Sapro9832646>Sa</td>
 </tr>
 <tr>
  <td class=Sapro10232646> </td>
  <td class=Sapro10332646> </td>
  <td class=Sapro10432646> </td>
  <td class=Sapro10332646> </td>
  <td class=Sapro9032646>1</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>2</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>3</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>4</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9232646>5</td>
  <td class=Sapro9332646> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10532646> </td>
  <td colspan=2 class=Sapro10732646> </td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro11032646></td>
 </tr>
 <tr>
  <td class=Sapro9432646>6</td>
  <td class=Sapro9532646> </td>
  <td class=Sapro9032646>7</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>8</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>9</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>10</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>11</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9232646>12</td>
  <td class=Sapro9332646> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11232646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro11032646></td>
 </tr>
 <tr>
  <td class=Sapro9432646>13</td>
  <td class=Sapro9532646> </td>
  <td class=Sapro9032646>14</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>15</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>16</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>17</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>18</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9232646>19</td>
  <td class=Sapro9332646> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11232646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro11032646></td>
 </tr>
 <tr>
  <td class=Sapro9432646>20</td>
  <td class=Sapro9532646> </td>
  <td class=Sapro9032646>21</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>22</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>23</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>24</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>25</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9232646>26</td>
  <td class=Sapro9332646> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11232646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro10832646></td>
  <td colspan=2 class=Sapro11032646></td>
 </tr>
 <tr>
  <td class=Sapro9432646>27</td>
  <td class=Sapro9532646> </td>
  <td class=Sapro9032646>28</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>29</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>30</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro9032646>31</td>
  <td class=Sapro9132646> </td>
  <td class=Sapro11432646> </td>
  <td class=Sapro10332646> </td>
  <td class=Sapro10332646> </td>
  <td class=Sapro11532646> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11632646></td>
  <td colspan=2 class=Sapro11832646></td>
  <td colspan=2 class=Sapro11832646></td>
  <td colspan=2 class=Sapro11832646></td>
  <td colspan=2 class=Sapro11832646></td>
  <td colspan=2 class=Sapro12032646></td>
  <td colspan=2 class=Sapro10032646><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).
Apr 2018		Kalender Mai 2018			Jun 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	31
						WinCalendar