diff --git a/recettes/02-ajouter-une-image.html b/recettes/02-ajouter-une-image.html new file mode 100644 index 0000000..738ead5 --- /dev/null +++ b/recettes/02-ajouter-une-image.html @@ -0,0 +1,93 @@ + + + + + + + Ajouter une image à une page simple + + +
+ Index des recettes +
+ +
+ +

Ajouter une image à une page simple

+

Ce guide donne les instructions pour creer un simple page web avec un titre, un court contenu et une image.

+ +
+ Une fenetre de navigateur. +
+ +
+ +

Ingrédients pour 1 page web

+ + + +
+ +
+
+

+ Ouvrir l'editeur de texte et y coller le code HTML suivant. +

+ + 
<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Titre</title>
+</head>
+<body>
+    <h1>👋 Salut !</h1>
+    <p>Dites bonjour à mon chat</p>
+    <img src="./monchat.jpg" alt="Une photo de mon chat" />
+</body>
+</html>
+
+ +

Enregistrer le fichier avec un nom finissant par .html quelque part sur l'ordinateur.

+ +

Ouvrir le fichier ainsi créé

+ +

Note : L'actualisation de la page du navigateur est necessaire à chaque modification du code

+
+ +
+

Personnalisation du titre de la page

+ +

Modifier le texte entre la balise <title> et la balise </title>

+
+ +
+

Personnalisation du contenu de la page

+ +

Modifier le titre principal de la page en modifiant le texte entre les balises <h1> et </h2>

+
+ +
+

Pour aller plus loin

+ +
+ +
+ +