Différences entre versions de « Informatique Web et Multimédia/code indenté »
De GBLL, TAL, ALAO, etc.
< Cours:Informatique Web et Multimédia
(Page créée avec « <syntaxhighlight lang="html" start='1' line><!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="I... ») |
|||
| Ligne 2 : | Ligne 2 : | ||
<html lang="fr"> | <html lang="fr"> | ||
<head> | <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> | </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> | <menu> | ||
<div id="stack"><!-- items to sort --></div> | <div id="stack"><!-- items to sort --></div> | ||
| Ligne 39 : | Ligne 39 : | ||
</div> | </div> | ||
</section> | </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> | </body> | ||
| − | </html></syntaxhighlight> | + | </html> |
| + | </syntaxhighlight> | ||
Version du 27 septembre 2017 à 12:07
1 <!DOCTYPE html>
2 <html lang="fr">
3 <head>
4 <meta charset="utf-8" />
5 <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
6 <meta name="apple-mobile-web-app-capable" content="yes" />
7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
8 <link rel="icon" type="image/png" href="img/common/favicon.png" />
9 <meta property="og:title" content="ClassCol" />
10 <meta property="og:type" content="website" />
11 <meta property="og:site_name" content="Janus, appli de classement collaboratif" />
12 <meta property="og:description" content="Un système pour faire de la classification à plusieurs" />
13 <link rel="stylesheet" href="style/clascol.css" type="text/css" />
14 <link rel="stylesheet" href="style/uglyAuth.css" type="text/css" />
15 <script src="js/lib/socket.io.min.js" type="text/javascript"></script>
16 <title>Classement Collaboratif</title>
17 <style></style>
18 </head>
19 <body>
20 <noscript>
21 <div class="alert">
22 Vous devez permettre l'exécution de javascript pour pouvoir utiliser cette application
23 </div>
24 </noscript>
25 <header>
26 <div id="helpButton"></div>
27 <div id="help"></div>
28 <p>Un exercice de tri… Arriverez-vous à ranger correctement les cartes proposées ?</p><!-- for the instructions -->
29 </header>
30 <div id="overlay" class="show"><p id="loading"></p></div>
31 <div id="message"></div>
32 <section>
33 <menu>
34 <div id="stack"><!-- items to sort --></div>
35 <div id="users"><!-- users involved --></div>
36 </menu>
37 <div id="main">
38 <table><!-- where to sort the items --></table>
39 </div>
40 </section>
41 <footer>
42 <div id="chatbox">
43 <p><span class="date">11/01 22:51:12</span> <span class="author">Gérard</span>: Hey Salut ! </p>
44 <p><span class="date">11/01 22:52:09</span> <span class="author">Claude</span>: Ça avance ? </p>
45 <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>
46 </div>
47 </footer>
48 <script data-main="js/home" src="js/lib/require-jquery.js"></script>
49 </body>
50 </html>