html_css_jquery.html
télécharger ou tester sur place (bouton précédent du navigateur pour revenir)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Où apparaît ce titre ?</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css">
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>
<body>
<h1>Titre de la page</h1>
<p id="ou">Du contenu ici.</p>
<p id="qui">chères amies</p>
<script>
alert("Votre écran: " + screen.width + "×" + screen.height);
qui_str = $("#qui").html();
new_qui_str = "Bonjour " + qui_str + " !";
$("#ou").html(new_qui_str);
$("#qui").html("");
console.log("OK");
</script>
<p>En utilisant un formulaire contenant deux champs et un bouton, et
en effectuant quelques recherches sur Internet, vous êtes maintenant
capables de faire un convertisseur. Idées de conversions :
températures, monnaies, longueurs…</p>
</body>
</html>