Outils d'utilisateurs
====== Introduction aux technologies web ====== {{:cifacom:html:technos-web.pdf|cliquer ici pour télécharger le PDF}} {{:cifacom:html:technos-web.001.png?direct&960|}} {{:cifacom:html:technos-web.002.png?direct&960|}} {{:cifacom:html:technos-web.003.png?direct&960|}} {{:cifacom:html:technos-web.004.png?direct&960|}} {{:cifacom:html:technos-web.005.png?direct&960|}} {{:cifacom:html:technos-web.006.png?direct&960|}} {{:cifacom:html:technos-web.007.png?direct&960|}} {{:cifacom:html:technos-web.008.png?direct&960|}} {{:cifacom:html:technos-web.009.png?direct&960|}} {{:cifacom:html:technos-web.010.png?direct&960|}} {{:cifacom:html:technos-web.011.png?direct&960|}} {{:cifacom:html:technos-web.012.png?direct&960|}} {{:cifacom:html:technos-web.013.png?direct&960|}} * EXERCICES EN HTML ET CSS * http://w3schools.com/html/html5_intro.asp * http://w3schools.com/html/tryit.asp?filename=tryhtml5_video_bear ====== 1280x720 (16x9 carrés de 80px) ====== <html> <div style="clear:both;color:red;"> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">1 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">2 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">3 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">4 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">5 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">6 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">7 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">8 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">9 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">10 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">11 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">12 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">13 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">14 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">15 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">16 </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">2 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">3 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">4 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">5 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">6 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">7 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">8 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;">9 </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> </div> </html> <html> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> <div style="clear:both;"> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> <div style="float:left;width:40px;height:40px;background-color:#123456;border:1px green dashed;"> </div> </div> </html> ====== Largeurs d’écrans ====== * La plupart des écrans ont une résolution supérieure à 1280x720 * http://www.w3schools.com/browsers/browsers_resolution_higher.asp
Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 656
cifacom/html/start.txt · Dernière modification: 2012/11/28 00:27 par webmaster
