Regroupement des sélecteurs
Bonjour tout le monde ! Bienvenue ! Nouvelle session. Le code expliqué <style> h3, h4, p { text-align: center; color: red; } </style> <h3>Bonjour tout le monde !</h3> <h4>Bienvenue !</h4> <p>Nouvelle session.</p>
Créer un sélecteur d’id
Bonjour tout le monde ! Ce paragraphe n’est pas affecté par la balise <style>. Le code expliqué <style> #para1 { text-align: center; color: red; } </style> <p id= »para1″>Bonjour tout le monde !</p> <p>Ce paragraphe n’est pas affecté par la balise … Continued
Créer un secteur d’élément
Chaque paragraphe est affecté par la balise <style>. Moi aussi! Mais moi pas ! Le code expliqué <style> p { text-align: center; color: red; } </style> <p>Chaque paragraphe est affecté par la balise <style>.</p> <p>Moi aussi!</p> <p>Et moi aussi!</p>
Créer un sélecteur de classe
Rouge et aligné au centre en tant que titre. Rouge et aligné au centre en tant que paragraphe. Le code expliqué <style> .center { text-align: center; color: red; } </style> <h3 class= »center »>Rouge et aligné au centre en tant que titre.</h3> … Continued
Utiliser la balise style (second exemple)
This is a heading This is a paragraph. Le code expliqué <style> h3 { color:blue; font-family:verdana; font-size:300%; } p { color:red; font-family:courier; font-size:160%; } </style> <h3>This is a heading</h3> <p>This is a paragraph.</p>
Utiliser la balise style (premier exemple)
Ceci est un titre Ceci est un paragraphe. Le code expliqué <style> h3 {color:blue} p {color:green} </style> <h3>Ceci est un titre</h3> <p>Ceci est un paragraphe.</p>
La fonction onmouseover
Désolé, votre navigateur ne supporte pas le HTML5 canvas tag. Déplacez le pointeur de la souris à travers le cadre. Quand le pointeur de la souris se déplace à travers le cadre, vous obtenez les coordonées X et Y du … Continued
Tableau : la méthode unshift
La méthode unshift ajoute un nouvel élément au début d’un tableau. Essayez ! Le code expliqué <p>La méthode unshift ajoute un nouvel élément au début d’un tableau.</p> <button onclick= »myFunction84() »>Essayez !</button> <p id= »demo84″></p> <script> var cours = [« Français », « Histoire », « Géographie », « Sciences »]; … Continued
Tableau : la méthode shift
La méthode shift enlève (shifts) le premier élément d’un tableau. Essayez ! Le code expliqué <p>La méthode shift enlève (shifts) le premier élément d’un tableau.</p> <button onclick= »myFunction() »>Essayez !</button> <p id= »demo »></p> <script> var cours = [« Français », « Histoire », « Géographie », « Sciences »]; document.getElementById(« demo »).innerHTML = … Continued
Tableau : la méthode push
La méthode push ajoute un nouvel élément dans un tableau. Essayez ! Le code expliqué <p>La méthode push ajoute un nouvel élément dans un tableau.</p> <button onclick= »myFunction() »>Essayez !</button> <p id= »demo »></p> <script> var cours = [« Français », « Histoire », « Géographie », « Sciences »]; document.getElementById(« demo »).innerHTML = … Continued