Compilation de commandes utiles régulièrement, ou pas

8 Développement Web

8.1 HTML

8.1.1 Centrer une image

Centrer une image dépendra de son conteneur, je transcris ici la version simple (dans un paragraphe) et ma source détaille différents cas de figure.
Le code dans le corps de la page :

⬇
<p class="aligncenter">
    <img src="image.jpg" alt="centered image" />
</p>

Ce code appelle donc la classe aligncenter définie comme :

⬇
<style>
.aligncenter {
    text-align: center;
}
</style>

Source : https://html-online.com/articles/image-align-center/

8.1.2 Faire un fond de page web qui change aléatoirement de couleur

Ce code permet de changer toutes les 5 secondes la couleur du fond de la page. Il utilise 10 couleurs qui peuvent être modifiée, et on peut rajouter plus de couleurs en rajoutant des choix et en changeant à la bonne valeur la gamme de génération d’entier aléatoire.

⬇
<!-- this script got from www.htmlbestcodes.com-Coded by: Krishna Eydat -->
<html>
<head>
<script type="text/javascript">
      function setbackground()
      {
      window.setTimeout( "setbackground()", 5000); // 5000 milliseconds delay
      var index = Math.round(Math.random() * 9);
      var ColorValue = "FFFFFF"; // default color - white (index = 0)
      if(index == 1)
      ColorValue = "FFCCCC"; //peach
      if(index == 2)
      ColorValue = "CCAFFF"; //violet
      if(index == 3)
      ColorValue = "A6BEFF"; //lt blue
      if(index == 4)
      ColorValue = "99FFFF"; //cyan
      if(index == 5)
      ColorValue = "D5CCBB"; //tan
      if(index == 6)
      ColorValue = "99FF99"; //lt green
      if(index == 7)
      ColorValue = "FFFF99"; //lt yellow
      if(index == 8)
      ColorValue = "FFCC99"; //lt orange
      if(index == 9)
      ColorValue = "CCCCCC"; //lt grey
      document.getElementsByTagName("body")[0].style.backgroundColor = "#" + ColorValue;
      }
</script>
</head>
<body onload="setbackground();">
</body>
</html>

Source : https://www.htmlbestcodes.com/Set_background_color_randomly.htm