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