# Apprendre HTML5 - Les bases du développement web

> Formation HTML5 pour débutants : structurer une page web avant de passer au CSS et au JavaScript.

- Adresse : https://espritacademique.com/formations/apprendre-html5-les-bases-du-developpement-web/
- Thématique : Développement Web & Mobile
- Formateur : Gilbert Ziade
- Durée : 3 heures 30
- Nombre de leçons : 71
- Prix à l'unité : 39,00 € (accès à vie, certificat PDF de fin de formation)
- Prérequis : Pas de prérequis - ouvert à tous niveaux
- Dernière mise à jour : 02/2026

## Présentation

Apprenez les bases du HTML5 pour créer des pages web bien structurées : balises essentielles, texte, listes, liens, tableaux, images, audio, vidéo et formulaires, avec un code propre et conforme aux standards.

Avec cette formation HTML5, vous écrivez une page web complète, de la première balise au formulaire.

Vous installez d'abord VS Code et vous voyez à quoi sert le HTML : il donne sa structure à la page, que le navigateur interprète pour l'afficher. Chaque notion est expliquée, testée, puis appliquée dans un exercice.

Vous écrivez ensuite vos premières pages : balises de structure, paragraphes, éléments bloc et inline, listes, liens, ancres et menus de navigation. Vous y ajoutez des tableaux, des images, de l'audio et de la vidéo.

La dernière partie porte sur les formulaires, avec leurs champs, leurs boutons et leurs validations, puis sur les balises sémantiques. Elle s'achève par une ouverture sur le CSS et le JavaScript, pour comprendre comment ajouter du style et de l'interactivité.

## À l’issue de cette formation HTML & HTML5, vous pourrez

- **Mettre en place votre environnement de travail :** apprenez à installer VS Code et adoptez les réglages optimaux pour coder de manière efficace dès le départ.
- **Comprendre les fondations du Web :** identifiez précisément le rôle du HTML dans l’affichage des pages et comprenez comment les navigateurs interprètent votre code.
- **Écrire un HTML propre et conforme :** apprenez à structurer un document professionnel en utilisant les balises essentielles et en appliquant les bonnes pratiques de développement.
- **Maîtriser le texte et les blocs :** gérez les paragraphes, les sauts de ligne et les séparateurs tout en maîtrisant la différence fondamentale entre éléments bloc et inline.
- **Structurer des pages avec listes et liens :** créez des menus de navigation et des liens avancés pour relier vos pages et vos sections internes de manière fluide.
- **Construire des tableaux lisibles :** représentez des informations complexes proprement en maîtrisant les fusions de lignes, de colonnes et les groupements de données.
- **Intégrer des médias :** apprenez à ajouter des images, de l’audio et de la vidéo tout en gérant les formats et les standards d’intégration actuels.
- **Créer des formulaires complets :** concevez des formulaires interactifs avec des champs de saisie, des boutons et des validations pour récolter les données de vos utilisateurs.
- **Appliquer la sémantique et le formatage :** utilisez les balises adaptées pour donner du sens à votre contenu et garantir une structure de page irréprochable.
- **Découvrir l’écosystème CSS & JavaScript :** comprenez comment préparer la mise en forme et l’interactivité de vos pages pour évoluer vers le développement Web complet.

## Programme

### Fondations du Web et HTML

- Introduction
- Qu’est-ce que HTML et HTML5
- Évolution HTML
- Télécharger et Installer VS code
- Aperçu
- Utilisation de , &

### HTML Essentiel : Structure, Contenu et Navigation

- Expliquer les Balises en HTML
- Commentaires et Paragraphes
- Balise de texte en Bloc et Balise de texte en Ligne
- Utilisation de ->
- Saut de Ligne & Règle Horizontale
- Listes Ordonnées et Non Ordonnées
- Listes Imbriquées (extrait gratuit)
- Liste de Définition
- Ancrer et ouvrir dans un nouvel onglet
- Faire une Liste de Liens et Base
- Lien e-mail & Se référant à une Partie spécifique de la page
- Références relatives & iframe
- Tableau et son Titre
- Lignes et Colonnes
- Groupement de Colonnes et de Lignes
- Étendre les Lignes et les Colonnes
- Formats d’images
- Ajout d’images
- Dimensions et types
- Cartographier l’image à l’aide de zones
- Où et Comment placer des Images en HTML (extrait gratuit)
- Travailler avec la Vidéo
- Aperçu de l’exemple
- Création d’un Formulaire
- Étiquette et Entrée de Textes (Partie 1)

### HTML Avancé & Interactivité

- Étiquette et son Équivalent
- Les Cases de Sélection
- Radio et Cases à Cocher (Partie 2)
- Ajouter des Boutons (Partie 3)
- Quelques Entrées Supplémentaires (Partie 4) + Sortie
- L’attribut Requis et son Effet
- Aperçu de l’exemple
- Division et Étendue
- La Mise à Jour
- Gras et Italique
- adresse, définir & citer
- Surbrillance et Abréviation
- Souligné et Barré
- Formules
- Écriture Bidirectionnelle
- Obtenir un Texte à partir d’un Titre
- Citations
- Coding
- Progression
- Leçon Spéciale
- Aperçu de l’exemple
- Création de l’En-Tête et du Pied de Page
- Création du Calendrier
- Option d’inscription
- Contenu du cours et carte mondiale
- Réviser la page après la soumission
- Aperçu de l’exemple
- Penser avec CSS
- Comment Fonctionne CSS
- Style CSS
- CSS Terminé!
- Aperçu
- Penser avec JS
- Comment Fonctionne JS
- Contrôler JS (Partie 1)
- Contrôler JS (Partie 2)
- JS Terminé!
- Ajouter des couleurs avec CSS
- Ajouter des effets avec JavaScript
- La Fin!

## Voir aussi

- [Toutes les formations HTML5](https://espritacademique.com/catalogue-de-formations/dev/html/)