Feuille 1 ( Premiers exercices HTML )
2022
Note Pensez à toujours valider votre code
html soit dans les outils de l'éditeur de texte soit via le
service en ligne
du w3C
Écrivez le code HTML permettant de réaliser la page
représentée sur la figure ci-dessous. L'image correspond à un fichier
nommé dessin.png. Elle se trouve dans le sous répertoire
images qui est au même niveau que la page
html).
Même question pour la page suivante
Pour rendre le tableau plus lisible nous avons ajouté dans le
header le code css suivant :
<style>
table,td,th {border-style :solid}
</style>Dessiner l'arbre correspondant à la solution de l'exercice 1 (on s'arrêtera à "voir exo2").
Dessiner l'arbre correspondant au code suivant (volontairement non indenté !):
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta charset=utf-8 />
<title>Un page dont on fait l'arbre</title>
</head>
<body>
<h1>Une première partie</h1>
<p>Un paragraphe qui contient un beau texte
avec une <img src="dessin.png" alt="une maison" /> image
<em>et du texte</em> .</p>
<p>Il contient aussi des listes non ordonnées </p>
<ul>
<li> donc voici le premier élément</li>
<li> et le <strong>second</strong> fortement mis en évidence</li>
</ul>
<h1>Seconde partie</h1>
<p>Pus tard, ce paragraphe sera en rouge!</p>
<p>Et celui la en vert !</p>
</body>
</html>Un site Web fournit les informations présentées ci-dessous de facons non structurées. En utilisant les classes, les id et les balises générique div et span, écrire un code HTML permettant de structurer ces données avec un maximum d'informations sémantiques.
Note: Il n'est pas indispensable de respecter exactement la présentation actuelle qui est la pour faciliter la lecture.
100 sous
Ça chauffe salement pour Jean Valjean. À peine libéré, saura-t-il échapper à l'infâme Javert ?
DarkLordOfAcademia : ben, ils meurent tous les deux à la fin
Guy de M. : c'est pas très émoustillant.
Charles B. : le Totor, je le préfère en poète.
120 sous
Une suite de poèmes sur la femme, le vin, la révolte, la mort et quelques autres.
Louis N. B. : outrage indigne à la morale publique, aussi scandaleux pour la morale que les misérables l'est en politique.
Victor H. : pas mal pour un petit jeune.
Guy de M. : je préférais le titre d'origine.