Écrire une page web utilisant les différentes possibilités d'exprimer une couleur.
Il y a les possibilités suivantes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>Page de présentation de différents styles d'affectation des couleurs</title> <!-- style1** utilisation de style et modification des paramètres --> <style type="text/css"> h1 {color:rgb(100%,50%,0%)} h2 { color:#0080FF; background-color:#FF0; } h3 {color:red} h4 { color:hsl(300, 100%, 50%); background-color:hsla(120, 100%, 50%, 0.5); } em {color:rgb(128,128,128)} </style> </head> <body> <h1>test d'affectation de couleurs (en orange)</h1> <h2>ceci est en bleu clair sur fond jaune</h2> <h3>ceci est en rouge</h3> <h4>ceci est en violet sur fond vert <em>et ceci est en gris</em></h4> <p><a href="http://validator.w3.org/check?uri=referer">page xHTML valide</a> et <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS valide</a></p> </body> </html>
Écrire une page web utilisant permettant de montrer la transparence globale d'un élément.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title>Page de présentation de différents styles d'affectation des couleurs</title> <!-- style1** utilisation de style et modification des paramètres --> <style type="text/css"> body>p { background-color:#567; color:#FCC; font-size:2em; } div { font-size:2rem; position:fixed; width:70%; top:1em; left:15%; font-size:1.5em; } div>p { color:#004; } div { background-color:#F80; opacity:0.7; } </style> </head> <body> <h1>Test de la transparence globale (<samp>opacity</samp>)</h1> <h2>À propos de Charlemagne...</h2> <p>Charlemagne (en latin <em>Carolus Magnus</em>, en allemand <em>Karl der Große</em>), désigné dans la nomenclature des souverains ayant régné en France comme <em>Charles Ier</em>, dit <em>le Grand</em>, né en 742, 747 ou 7482, mort le 28 janvier 814 à Aix-la-Chapelle, est le membre le plus éminent de la dynastie franque des Carolingiens.</p> <p>Fils de <em>Pépin le Bref</em>, il est roi des Francs à partir de 768, devient par conquête roi des Lombards en 774 et est couronné empereur à Rome par le pape <em>Léon III</em> le 25 décembre 800, relevant une dignité disparue depuis l'an 476 en Occident.</p> <p>Monarque guerrier, il agrandit notablement son royaume par une série de campagnes militaires, en particulier contre les Saxons païens dont la soumission a été très difficile et très violente (772-804), mais aussi contre les Lombards en Italie et les Musulmans d'Espagne.</p> <p>Souverain réformateur, soucieux d'orthodoxie religieuse et de culture, il protège les arts et les lettres et est à l'origine de la <q>renaissance carolingienne</q>.</p> <div> <h3>l'héritage de <em>Charlemagne</em></h3> <p>Son œuvre politique immédiate, l'empire, ne lui survit cependant pas longtemps. Se conformant à la coutume successorale germanique, <em>Charlemagne</em> prévoit dès 806 le partage de l'Empire entre ses trois fils. Après de nombreuses péripéties, l'empire ne sera finalement partagé qu'en 843 entre trois de ses petits-fils (traité de Verdun).</p> <p>Le morcellement féodal des siècles suivants, puis la formation en l'Europe des États-Nations rivaux condamnent à l'impuissance ceux qui tentent explicitement de restaurer l'empire universel de Charlemagne, en particulier les souverains du Saint-Empire romain germanique, d'<em>Otton Ier</em> en 962 à <em>Charles Quint</em> au XVIe siècle, voire <em>Napoléon Ier</em>, hanté par l'exemple du plus éminent des Carolingiens.</p> <p>Pourtant, <em>Charlemagne</em> peut être considéré comme le <q>Père de l'Europe</q>, pour avoir assuré le regroupement d'une partie notable de l'Europe occidentale, et posé des principes de gouvernement dont ont hérité les grands États européens.</p> </div> <p><cite>Ce texte provient de <a href="http://fr.wikipedia.org/wiki/">Wikipedia</a>.</cite></p> <p><a href="http://validator.w3.org/check?uri=referer">page xHTML valide</a> et <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS valide</a></p> </body> </html>