Retour
Exemple de tutoriel
🎓

Tutoriel pas-Ă -pas

Créer son premier site web

⏱️ 30 min 📊 Débutant 🛠️ HTML/CSS

🎯 Ce que vous allez apprendre

À la fin de ce tutoriel, vous aurez créé une page web personnelle avec votre nom, photo, et liens vers vos réseaux sociaux. Aucune connaissance préalable requise !

📦 Prérequis

Un navigateur web Un éditeur de texte (Notepad++, VS Code) 30 minutes

📝 Étapes du tutoriel

1

Créer le fichier HTML

Ouvrez votre éditeur de texte et créez un nouveau fichier.

// Sauvegardez sous le nom:

index.html

đź’ˇ L'extension .html indique au navigateur que c'est une page web
2

Écrire la structure de base

Copiez ce code dans votre fichier :

<!DOCTYPE html>

<html>

<head>

<title>Mon site</title>

</head>

<body>

<h1>Bienvenue !</h1>

</body>

</html>

3

Ajouter du contenu

Entre les balises <body>, ajoutez votre présentation :

<h1>Marie Dupont</h1>

<p>Développeuse web passionnée</p>

<img src="photo.jpg" />

4

Visualiser le résultat

Double-cliquez sur votre fichier index.html pour l'ouvrir dans votre navigateur.

Marie Dupont

Développeuse web passionnée

👤
🎉 Félicitations ! Vous avez créé votre première page web !

🚀 Pour aller plus loin

→ Ajouter du CSS pour les couleurs et styles
→ Créer plusieurs pages avec des liens
→ Héberger le site en ligne (GitHub Pages)
→ Ajouter un formulaire de contact
Généré avec Mukbang Studio 🎓
🎓 Créer mon propre tutoriel

Inclus avec Mukbang • 5 CHF/mois