Voir la source de Informatique Web et Multimédia/code indenté

[[Catégorie:Enseignement/ML]]<syntaxhighlight lang="html" start='1' line><!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<link rel="icon" type="image/png" href="img/common/favicon.png" />
		<meta property="og:title" content="ClassCol" />
		<meta property="og:type" content="website" />
		<meta property="og:site_name" content="Janus, appli de classement collaboratif" />
		<meta property="og:description" content="Un système pour faire de la classification à plusieurs" />
		<link rel="stylesheet" href="style/clascol.css" type="text/css" />
		<link rel="stylesheet" href="style/uglyAuth.css" type="text/css" />
		<script src="js/lib/socket.io.min.js" type="text/javascript"></script>
		<title>Classement Collaboratif</title>
		<style></style>
	</head>
	<body>
		<noscript>
			<div class="alert">
				Vous devez permettre l'exécution de javascript pour pouvoir utiliser cette application
			</div>
		</noscript>
		<header>
				<div id="helpButton"></div>
				<div id="help"></div>
				<p>Un exercice de tri… Arriverez-vous à ranger correctement les cartes proposées ?</p><!-- for the instructions -->
		</header>
		<div id="overlay" class="show"><p id="loading"></p></div>
		<div id="message"></div>
		<section>
			<menu>
				<div id="stack"><!-- items to sort --></div>
				<div id="users"><!-- users involved --></div>
			</menu>
			<div id="main">
				<table><!-- where to sort the items --></table>
			</div>
		</section>
		<footer>
				<div id="chatbox">
					<p><span class="date">11/01 22:51:12</span> <span class="author">Gérard</span>: Hey Salut ! </p>
					<p><span class="date">11/01 22:52:09</span> <span class="author">Claude</span>: Ça avance ? </p>
					<p><span class="date">11/01 22:55:01</span> <span class="author">Clarisse</span>: Oui sauf, sur les mausolées,<br /> je sais pas où les mettre, t'as une idée ? </p>
				</div>
		</footer>
		<script data-main="js/home" src="js/lib/require-jquery.js"></script>
	</body>
</html></syntaxhighlight>