Ce cours HTML pour les développeurs Web fournit un aperçu solide pour les développeurs, du niveau débutant au niveau expert en HTML.
Le HyperText Markup Language, ou HTML, est la base du Web. Il fournit le contenu et la structure de ce contenu que vous voyez affichés dans votre navigateur Web.
Sauf si vous lisez une version PDF ou imprimée de cette page, ce contenu est composé de différents éléments HTML et de texte. HTML est la couche de contenu du Web. Les éléments HTML sont les nœuds qui composent le Document Object Model.
Les feuilles de style en cascade définissent l'apparence ou la couche de présentation de la page. JavaScript est la couche de comportement, souvent utilisée pour manipuler les objets d'un document. Les sites créés avec des frameworks JavaScript ne font en réalité que manipuler le code HTML. Il est donc important de baliser votre code HTML de manière à ce que les scripts puissent l'analyser facilement et que les technologies d'assistance puissent le comprendre.
Cela signifie écrire du code HTML avec des normes modernes.
Points abordés
Ce cours HTML pour les développeurs Web fournit un aperçu solide pour les développeurs, du niveau débutant au niveau expert en HTML. Si vous débutez avec HTML, vous apprendrez à créer du contenu structurellement solide. Si vous créez des sites Web depuis des années, ce cours peut combler des lacunes que vous ignoriez même avoir.
Au cours de ce parcours, nous allons créer la structure de MachineLearningWorkshop.com. Aucune machine n'a été maltraitée lors de la création de cette série.
Cette liste n'est pas exhaustive. Chaque section présente le thème de la section avec de brèves explications et des exemples, ce qui vous permet d'explorer plus en détail. Des liens vers des références de sujets, telles que les spécifications MDN et WHATWG, ainsi que d'autres articles web.dev sont disponibles. Bien qu'il ne s'agisse pas d'un cours sur l'accessibilité, chaque section inclut des bonnes pratiques et des problèmes spécifiques liés à l'accessibilité, avec des liens vers des informations plus détaillées sur le sujet. Chaque section comporte une brève évaluation pour aider les utilisateurs à confirmer leur compréhension.
Voici ce que vous allez apprendre :
Présentation du HTML
Brève introduction aux concepts clés du langage HTML.
Structure du document
Découvrez comment structurer vos documents HTML avec des bases solides.
Métadonnées
Découvrez comment utiliser les balises Meta pour fournir des informations sur vos documents.
HTML sémantique
Utiliser les éléments HTML appropriés pour décrire le contenu de votre document.
En-têtes et sections
Utiliser correctement les éléments de sectionnement pour donner du sens à votre contenu.
Attributs
Découvrez les différents attributs globaux, ainsi que les attributs spécifiques à certains éléments HTML.
Principes de base du texte
Mettre en forme du texte à l'aide du code HTML
Liens
Tout ce que vous devez savoir sur les liens.
Listes
Listes et autres méthodes de regroupement de vos contenus.
Navigation
La navigation est un élément clé de tout site ou application, et elle commence avec HTML.
Tables
Comprendre comment utiliser les tableaux pour baliser les données tabulaires.
Forms
Présentation des formulaires en HTML.
Images
Présentation des images en HTML.
Audio et vidéo
Découvrez comment utiliser des éléments multimédias HTML tels que l'audio et la vidéo.
Modèle, emplacement et ombre
Explication des modèles, des emplacements et des ombres.
API HTML
Découvrez comment les informations HTML peuvent être exposées et manipulées à l'aide de JavaScript.
Mise au point
Découvrez comment gérer l'ordre de mise au point dans vos documents HTML.
Autres éléments de texte en ligne
Présentation de la gamme d'éléments utilisés pour baliser le texte.
Détails et récapitulatif
Découvrez comment fonctionnent les éléments "details" et "summary" très utiles, et où les utiliser.
Boîte de dialogue
L'élément <dialog> est utile pour représenter tout type de boîte de dialogue en HTML. Découvrez comment il fonctionne.
Conclusion et prochaines étapes
Pour conclure, voici quelques ressources supplémentaires.
Alors, êtes-vous prêt à apprendre le HTML ? C'est parti !