Florian Mathieu
0e649c1adf
- Corrige les erreurs CSS (radius-border, prefixes vendeur obsoletes) - Corrige la typo "La ciel" et les balises dt→dl dans index.html - Ajoute les vrais liens Wikipedia pour les grands noms - Harmonise les references au lycee Charlotte Perriand - Met a jour l'annee dans INTRODUCTION.md (2024→2025) - Remplace les anciens TP (PDFs niveau NSI/BTS) par 3 nouveaux TP adaptes : - TP1 : Decouverte du HTML (structure, balises, CSS) - TP2 : Experience utilisateur (analyse UX, bonnes pratiques) - TP3 : Ma premiere page web en CSS (mini-projet progressif) - Ajoute le schema client/serveur et les templates de demarrage TP3 - Supprime les anciens TP 2/3/4 et intro.pdf (gardes en NSI) - Met a jour le README avec le nouveau sommaire Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
119 lines
4.0 KiB
HTML
119 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>Découverte du HTML</title>
|
|
</head>
|
|
<body>
|
|
<!-- titre principal en tête de votre page -->
|
|
|
|
<h1 id="banniere"> WEB</h1>
|
|
|
|
<!-- Récapitulatif sur les balises HTML que j'ai découvertes durant cet exercice-->
|
|
<h2> Les balises HTML que j'ai découvertes</h2>
|
|
<p>En synthèse, compléter le tableau suivant :</p>
|
|
|
|
<!-- Présentation des informations sous la forme tabulaire-->
|
|
<table style="width:75%">
|
|
<tr>
|
|
<th style="width:15%">Balise</th>
|
|
<th style="width:30%">Description</th>
|
|
<th style="width:30%">Exemple d'utilisation</th>
|
|
</tr>
|
|
<tr>
|
|
<td><!-- --></td>
|
|
<td>Commentaire</td>
|
|
<td><!-- ici un commentaire --></td>
|
|
</tr>
|
|
<tr>
|
|
<td><p></td>
|
|
<td>Paragraphe</td>
|
|
<td><p>Ceci est un paragraphe.</p></td>
|
|
</tr>
|
|
<tr>
|
|
<td><h1> à <h6></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><br /></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><ul></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><ol></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><li></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><dl></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><table></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><img /></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><hr /></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p>Le ciel est <span style="color:blue">bleu</span> comme la <strong>mer</strong>.</p>
|
|
<!-- photos des personnages qui ont marqué l'informatique en lien avec leur page wikipedia -->
|
|
<!-- les photos sont enregistrées dans le dossier images/grandsNoms -->
|
|
|
|
<h2> Les grands noms de l'informatique</h2>
|
|
<ul>
|
|
<li><a href="https://fr.wikipedia.org/wiki/John_von_Neumann" title="Architecture des ordinateurs" >John Von Neumann 1903-1957</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Grace_Hopper" title="Premier compilateur ; langage COBOL" >Grace Hopper 1906-1992</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Alan_Turing" title="Fondements théoriques de l'informatique ; Machine de Turing ; décryptage de la machine Enigma utilisée par les nazis" >Alan Turing 1912-1954</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Dennis_Ritchie" title="Inventeur du langage C ; co-développeur du système d'exploitation Unix" >Dennis Ritchie 1941-2011</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Richard_Stallman" title="Le père du logiciel libre" >Richard Stallman 1953-</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Tim_Berners-Lee" title="L'inventeur du Web" >Tim Berners-Lee 1955-</a></li>
|
|
<li><a href="https://fr.wikipedia.org/wiki/Linus_Torvalds" title="Créateur du noyau du système d'exploitation Linux en 1991" >Linus Torvalds 1969-</a></li>
|
|
</ul>
|
|
|
|
<!-- pied de page. Liens vers mes sites préférés -->
|
|
<footer>
|
|
<div id="mes_liens">
|
|
<h3>Mes sites préférés</h3>
|
|
<ul>
|
|
<li><a href="https://developer.mozilla.org/fr/docs/Web">HTML5, CSS3, javaScript, AJAX</a></li>
|
|
<li><a href="https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3">OpenClassroom</a></li>
|
|
<li><a href="https://grafikart.fr">grafikart</a></li>
|
|
<li><a href="https://charlotteperriand.etab.ac-lille.fr">Site du lycée Charlotte Perriand de Genech</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |