Ajouter le code suivant à l'endroit où l'image sera insérée.
<img src="" alt="" />Créer un journal
-Ce guide donne les instructions pour creer une page web sous forme d'un journal d'activités comme une suite de titres et de paragraphes.
+Ce guide donne les instructions pour créer une page web sous forme d'un journal d'activités comme une suite de titres et de paragraphes.
Ingrédients pour 1 page
@@ -29,29 +29,29 @@Ajouter des sections
-L'ensemble des operations de cette partie sont éfféctuées dans l'élément body (entre les balises <body> et </body>)
L'ensemble des opérations de cette partie sont effectuées dans l'élément body (entre les balises <body> et </body>)
Ecrire le titre de la section entre des balises <h2> et </h2>.
Ecrire un paragraphe à la suite du titre entre des balises <p> et </p>.
Ajouter autant de section que necessaire pour écrire l'ensemble du texte.
+Écrire le titre de la section entre des balises <h2> et </h2>.
Écrire un paragraphe à la suite du titre entre des balises <p> et </p>.
Ajouter autant de section que nécessaire pour écrire l'ensemble du texte.
Enregistrer le fichier avec un nom finissant par .html quelque part sur l'ordinateur.
<!-- ... -->
<body>
<h1>Journal d'une rescapée</h1>
- <p>Récis de survie et de découvertes.</p>
+ <p>Récits de survie et de découvertes.</p>
<h2>Jour 1: Où suis-je ?</h2>
- <p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
+ <p>Je ne sais pas combien de temps j'ai passé, évanouie sur cette plage.
J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
<h2>Jour 2: Trouver un toit</h2>
- <p>J'ai trouvé de quoi manger et boire dans la forêt à coté de la plage.
+ <p>J'ai trouvé de quoi manger et boire dans la forêt à côté de la plage.
Il y a de grands arbres et de nombreuses plantes; je ne me suis pas encore empoisonnée.
- Je doit trouver un endroit où dormir, il faut trop froid la nuit.</p>
+ Je dois trouver un endroit où dormir, il faut trop froid la nuit.</p>
<p>Il y a une grotte dans la falaise sur les hauteurs de la forêt,
- je vais essayer d'aller voir si il est possible de s'y installer.</p>
+ je vais essayer d'aller voir s'il est possible de s'y installer.</p>
</body>
<!-- ... -->Ajouter des images
-Placer les images à coté du fichier .html créé dans l'étape précédente.
Placer les images à côté du fichier .html créé dans l'étape précédente.
Inscrire le nom du fichier de l'image doit etre écrit entre les guillemets de src="".
Ecrire une courte description de l'image entre les guillemets de alt="".
+
Inscrire le nom du fichier de l'image doit être écrit entre les guillemets de src="".
Écrire une courte description de l'image entre les guillemets de alt="".
Cette description remplacera l'image pour les personnes qui ne peuvent pas la voir ou si l'image ne peut pas charger.
<!-- ... -->
<h2>Jour 1: Où suis-je ?</h2>
-<p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
+<p>Je ne sais pas combien de temps j'ai passé, évanouie sur cette plage.
J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
<img src="foret.jpg" alt="Une foret profonde et sombre avec de grands arbres" />
@@ -80,7 +80,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
Mettre certaines partie du texte en évidence
+Mettre certaines parties du texte en évidence
Entourer le texte à mettre en évidence d'une balise <strong> et </strong>
J'ai <strong>mal à la tête</strong> et j'ai <strong>faim</strong>Centrer le contenu de la page
-Dans l'élément head de la page, ajouter un élément style qui contiendra toutes les regles de style de la page.
Dans l'élément head de la page, ajouter un élément style qui contiendra toutes les règles de style de la page.
Ajouter le code suivant dans l'élément style
body {
@@ -101,7 +101,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
}Ajuster les valeurs de max-width et padding pour arriver aux espacements voulues.
Ajuster les valeurs de max-width et padding pour arriver aux espacements voulus.
<!DOCTYPE html>
<html lang="fr">
@@ -143,7 +143,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
Ajuster les couleurs de la page
- Ajuster la couleur de l'arrière plan de la page en ajoutant le code suivant dans l'élément style précédente:
+ Ajuster la couleur de l'arrière-plan de la page en ajoutant le code suivant dans l'élément style précédente:
body {
background-color: hsl(35.2, 69%, 83.5%);
}
@@ -162,7 +162,7 @@ h1, h2, h3 {
font-family: serif;
} Ajouter un style particulier a ce meme paragraphe en ajoutant le code suivant dans l'élément style précédent:
Ajouter un style particulier a ce même paragraphe en ajoutant le code suivant dans l'élément style précédent:
h1 + p {
font-size: 1.1rem;
font-style: italic;
@@ -195,11 +195,11 @@ h1 + p {
Ajouter de la marge au dessus du titre principal et au dessous du paragraphe qui le suit en ajoutant le code suivant dans l'élément style de la plage:
Ajouter de la marge au-dessus du titre principal et au-dessous du paragraphe qui le suit en ajoutant le code suivant dans l'élément style de la plage:
h1 {
margin-top: 100px;
}
@@ -209,7 +209,7 @@ h1 + p {
}