lafrite/2022-2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feat: ajoute les premiers exercices sur le HTML

Browse Source
This commit is contained in:
Bertrand Benjamin
2022-07-29 18:54:52 +02:00
parent 31c8b82895
commit 0006d81130
18 changed files with 317 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
1NSI/01_Web_HTML_CSS/solutions/220px-Richard_Stallman_2005_(chrys).jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
1NSI/01_Web_HTML_CSS/solutions/CSS3_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
1NSI/01_Web_HTML_CSS/solutions/HTML5_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
1NSI/01_Web_HTML_CSS/solutions/JavaScript_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
1NSI/01_Web_HTML_CSS/solutions/cite_scolaire_saint_exupery_lyon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

27
1NSI/01_Web_HTML_CSS/solutions/header_paragraph.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<title>Header et paragraph</title>
</head>
<body>
<h1>Titre principale de la page</h1>
<h2>Thèse</h2>
<p>Jusqu'ici tout va bien</p>
<h2>Antithèse</h2>
<p>Là encore</p>
<p>Mais il reste du chemin</p>
<h2>Synthèse</h2>
<p>Finalement ce n'était pas très dur!</p>
</body>
</html>

25
1NSI/01_Web_HTML_CSS/solutions/images.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<title>Images</title>
</head>
<body>
<h1>Logos</h1>
<h2>Langages du web</h2>
<p>
html <img src="./HTML5_logo.png" alt="HTML5" height=100>
</p>
<p>
CSS <img src="./CSS3_logo.png" alt="CSS" height=100>
</p>
<p>
Javascript <img src="./JavaScript_logo.png" alt="Javascript" height=100>
</p>
</body>
</html>

17
1NSI/01_Web_HTML_CSS/solutions/link1.html Normal file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<title>Page 1</title>
</head>
<body>
<h1>Page 1</h1>
<p>On y parle de plein de choses super</p>
Vous pouvez consulter la <a href="link2.html">page 2</a>.
</body>
</html>

19
1NSI/01_Web_HTML_CSS/solutions/link2.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<title>Page 2</title>
</head>
<body>
<h1>Page 2</h1>
<p>Cette page fait la pluie et le beau temps.</p>
<p>
Vous pouvez consulter la <a href="link1.html">page 1</a>.
</p>
</body>
</html>

53
1NSI/01_Web_HTML_CSS/solutions/lists.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<title>Une page sur les listes</title>
</head>
<body>
<!-- corps: tout ce que l'on veut afficher doit être mis entre ces balises -->
<h1>Page de listes</h1>
<h2>Liste de course</h2>
<ul>
<li>Pain</li>
<li>Tomates</li>
<li>Voiture</li>
</ul>
<h2>Liste des choses à faire</h2>
<ul>
<li>
Bricolage
<ul>
<li>Casser la maison</li>
<li>Construire un puit</li>
</ul>
</li>
<li>
Sport
<ul>
<li>Courir un marathon</li>
<li>Faire le tour de France</li>
<li>Tour de monde à la nage</li>
</ul>
</li>
</ul>
<h2>Liste de citations</h2>
<ul>
<li>
<p>“Qui vole un boeuf est vachement musclé !”</p>
<p>Chaval</p>
</li>
<li>
<p>"Si l'on donnait du café aux vaches, on trairait du café au lait. ”</p>
<p>Pierre Dac</p>
</li>
</ul>
</body>
</html>

53
1NSI/01_Web_HTML_CSS/solutions/page_balises_mod.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<!-- en-tête -->
<meta charset="UTF-8">
<meta name="Author" content="Fabrice Sincère">
<title>Un exemple de page web en HTML5</title>
</head>
<body>
<!-- corps -->
<h1>Une histoire</h1>
<h2>Histoire du petit chaperon rouge</h2>
<p>C'est l'histoire</p>
<p>d'un petit chaperon</p>
<p>rouge. </p>
<p>Voici son histoire</p>
<ul>
<li>Elle va voir sa grand mère</li>
<li> Le loup a pris sa place
<ul>
<li>que tu as de belles dents</li>
<li>c'est pour mieux te manger</li>
</ul>
</li>
<li>le chasseur arrive</li>
<li>Tout le monde est sauvé</li>
</ul>
<h1>
Le lycée
</h1>
<p><a href="https://saint-exupery-lyon.ent.auvergnerhonealpes.fr">Liens vers le site du lycée</a></p>
<p>Image de la bannière du site du lycée </p>
<p>
<img src="cite_scolaire_saint_exupery_lyon.jpg" alt="Lycée" title="Le lycée">
</p>
</body>
</html>