mai 2024 Calendrier HTML avec code HTML - Commence le lundi

Le modèle de calendrier HTML ci-dessus est conçu pour être utilisé comme calendrier Web insérable. Courtoisie de WinCalendar.com. Le calendrier html réagit automatiquement et se réduira automatiquement pour s'adapter à la taille de son conteneur div. Ci-dessous le code source HTML du calendrier. Il suffit de copier et coller le code ci-dessous sur votre page Web.
<!-- Calendrier mai 2024Courtoisie de 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;}   .Sapro9013240{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.5pt solid #355986; } .Sapro9113240{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; } .Sapro9213240{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; } .Sapro9313240{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; background:#F9F9E1; } .Sapro9413240{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; background:#F9F9E1; } .Sapro9513240{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-right:1.5pt solid #355986; background:#F9F9E1; } .Sapro9613240{font-size:12.0pt; } .Sapro9713240{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; } .Sapro9813240{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; } .Sapro9913240{color:yellow; 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; } .Sapro10113240{color:#003366; font-size:6.0pt; text-align:left; border-bottom:1.5pt solid #355986; background:#D9D9D9; } .Sapro10313240{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10413240{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; background:#D9D9D9; } .Sapro10513240{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro10613240{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10813240{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro10913240{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; } .Sapro11113240{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; background:#F9F9E1; } .Sapro11413240{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; } .Sapro11513240{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro11613240{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-right:1.5pt solid #355986; background:#D9D9D9; } .Sapro11713240{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.5pt solid #355986; } .Sapro11913240{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.0pt solid #355986; } .Sapro12013240{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro12313240{color:white; font-size:12.0pt; text-align:center; border-bottom:1.0pt solid white; background:#355986; } .Sapro12413240{color:#CDCDCD; font-size:0.8em; text-align:right; border-bottom:1.0pt solid white; background:#355986; } .Sapro12613240{color:#CDCDCD; font-size:0.8em; text-align:left; border-bottom:1.0pt solid white; background:#355986; } </style>
<table id='Calendar' data-month=202405 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=Sapro9613240>
  <td colspan=4 class=Sapro12613240><a href="https://www.wincalendar.com/France/calendrier/avril-2024" title="avril 2024"><div class="Saprolar"></div><span class="pnmlink">avr 2024</span></a></td>
  <td colspan=6 class=Sapro12313240><h1>Calendrier mai 2024</h1></td>
  <td colspan=4 class=Sapro12413240><a href="https://www.wincalendar.com/France/calendrier/juin-2024" title="juin 2024"><span class="pnmlink">jui 2024</span><div class="Saprorar"></div></a></td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro9713240>Lun.</td>
  <td colspan=2 class=Sapro9813240>Mar.</td>
  <td colspan=2 class=Sapro9813240>Mer.</td>
  <td colspan=2 class=Sapro9813240>Jeu.</td>
  <td colspan=2 class=Sapro9813240>Ven.</td>
  <td colspan=2 class=Sapro9913240>Sam.</td>
  <td colspan=2 class=Sapro9913240>Dim.</td>
 </tr>
 <tr>
  <td class=Sapro10313240> </td>
  <td class=Sapro10413240> </td>
  <td class=Sapro10513240> </td>
  <td class=Sapro10413240> </td>
  <td class=Sapro9213240>1</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>2</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>3</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9313240>4</td>
  <td class=Sapro9413240> </td>
  <td class=Sapro9313240>5</td>
  <td class=Sapro9513240> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10613240> </td>
  <td colspan=2 class=Sapro10813240> </td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro11113240></td>
  <td colspan=2 class=Sapro11113240></td>
 </tr>
 <tr>
  <td class=Sapro9013240>6</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>7</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>8</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>9</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>10</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9313240>11</td>
  <td class=Sapro9413240> </td>
  <td class=Sapro9313240>12</td>
  <td class=Sapro9513240> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11413240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro11113240></td>
  <td colspan=2 class=Sapro11113240></td>
 </tr>
 <tr>
  <td class=Sapro9013240>13</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>14</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>15</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>16</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>17</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9313240>18</td>
  <td class=Sapro9413240> </td>
  <td class=Sapro9313240>19</td>
  <td class=Sapro9513240> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11413240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro11113240></td>
  <td colspan=2 class=Sapro11113240></td>
 </tr>
 <tr>
  <td class=Sapro9013240>20</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>21</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>22</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>23</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>24</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9313240>25</td>
  <td class=Sapro9413240> </td>
  <td class=Sapro9313240>26</td>
  <td class=Sapro9513240> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11413240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro10913240></td>
  <td colspan=2 class=Sapro11113240></td>
  <td colspan=2 class=Sapro11113240></td>
 </tr>
 <tr>
  <td class=Sapro9013240>27</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>28</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>29</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>30</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro9213240>31</td>
  <td class=Sapro9113240> </td>
  <td class=Sapro11513240> </td>
  <td class=Sapro10413240> </td>
  <td class=Sapro10413240> </td>
  <td class=Sapro11613240> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11713240></td>
  <td colspan=2 class=Sapro11913240></td>
  <td colspan=2 class=Sapro11913240></td>
  <td colspan=2 class=Sapro11913240></td>
  <td colspan=2 class=Sapro11913240></td>
  <td colspan=2 class=Sapro12013240></td>
  <td colspan=2 class=Sapro10113240><a href="https://www.wincalendar.com/calendar-maker" title="Créateur du calendrier"><span>WinCalendar</span></a></td>
 </tr>
 
</table>
Conditions de licence: gratuite pour l'usage personnel et commercial tant que: l'utilisation est uniquement pour une utilisation non compétitive par rapport à nous (Sapro Systems LLC / WinCalendar.com).
avr 2024		Calendrier mai 2024			jui 2024
Lun.	Mar.	Mer.	Jeu.	Ven.	Sam.	Dim.
		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