Heiphaistos TutorialsHeiphaistosTutorials
🪟Windows🖥️CMD / PowerShell💬Discord🍎macOS🔐Sécurité🐧Linux🌐Réseau💻Programmation🤖Android📦Applications🔥Applications Heiphaistos📦Logiciels📦HeiApps

⚒ Heiphaistos Tutorials

Forge ton savoir informatique.
Tutoriels clairs, sans blabla.

Navigation

  • Accueil
  • Tous les tutoriels
  • Windows
  • Discord

Ressources

  • Flux RSS
  • heiphaistos.org

© 2026 Heiphaistos Tutorials — tuto.heiphaistos.org

Mentions légalesConfidentialitéCGU

Forge ton savoir.

Accueil/Programmation/HTML : créer sa première page web (structure, titres, liens, images)
💻ProgrammationVidéo

HTML : créer sa première page web (structure, titres, liens, images)

Écrire une page HTML complète : doctype, head (titre, encodage, viewport), body, titres, paragraphes, listes, liens et images avec texte alternatif, puis l'ouvrir dans le navigateur.

9 octobre 20261 min de lecture
#débutant#programmation#html#web
Votre navigateur ne supporte pas la lecture vidéo.
VitesseSous-titres : bouton CC du lecteur

Sommaire

  • Squelette
  • Balises de base

Squelette

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mon site</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Bienvenue</h1>
  <p>Ceci est ma <strong>première</strong> page.</p>
  <a href="contact.html">Me contacter</a>
  <img src="photo.jpg" alt="Coucher de soleil sur la mer">
</body>
</html>

Balises de base

  • Titres h1 à h6 (un seul h1), p, strong, em, br.
  • Listes : ul/ol + li.
  • Liens externes : target="_blank" rel="noopener".

Éditeur : VS Code (taper ! + Tab génère le squelette). Suite : HTML sémantique, CSS.

Commentaires

Aucun commentaire pour l'instant. Soyez le premier !

Laisser un commentaire

En envoyant un commentaire, vous acceptez les conditions d'utilisation et la publication de votre pseudo après modération (voir la politique de confidentialité).