Ce cours HTML destiné aux développeurs Web offre une présentation solide, du niveau débutant au niveau expert.
Bienvenue dans le langage HTML ! Le langage HTML (HyperText Markup Language) est l'épine dorsale du Web. Il fournit le contenu et la structure de ce contenu que vous voyez dans votre navigateur Web.
Sauf si vous lisez une version PDF ou imprimée de cette page, ce contenu est composé de divers éléments HTML et de texte. Le code HTML constitue la couche de contenu du Web. Les éléments HTML sont les nœuds qui constituent le Document Object Model (modèle objet de document).
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 que manipuler du code HTML. À son tour, il est 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 facilement. Cela signifie écrire du code HTML avec des normes modernes.
Présentation
Ce cours HTML destiné aux développeurs Web offre une présentation solide, du niveau débutant au niveau expert. Si vous débutez avec le langage HTML, vous apprendrez à créer des contenus dont la structure est correcte. Si vous créez des sites Web depuis des années, ce cours peut combler des lacunes que vous ne soupçonniez même pas.
Au cours de ce parcours, nous allons créer la structure de MachineLearningWorkshop.com. Aucune machine n'a été maltraitée pour la création de cette série.
Cette liste n'est pas exhaustive. Chaque section présente le sujet avec de brèves explications et des exemples, ce qui vous permet d'aller plus loin. Vous trouverez des liens vers des références sur le sujet, telles que les spécifications MDN et WHATWG, ainsi que d'autres articles web.dev. Bien qu'il ne s'agisse pas d'un cours sur l'accessibilité, chaque section inclura des bonnes pratiques et des problèmes spécifiques, avec des liens vers des ressources plus détaillées sur le sujet. Chaque section comprend une courte évaluation pour aider les utilisateurs à vérifier leur compréhension.
Voici ce que vous allez découvrir:
Présentation du code HTML
Présentation des concepts clés du langage HTML
Structure du document
Découvrez comment structurer vos documents HTML sur des bases solides.
Métadonnées
Utiliser des balises méta pour fournir des informations sur vos documents
HTML sémantique
Utilisez 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 structuration pour donner du sens à votre contenu
Attributs
Découvrez les différents attributs globaux, ainsi que les attributs spécifiques à des éléments HTML particuliers.
Principes de base du texte
Mettre en forme du texte à l'aide du code HTML
Liens
Tout ce que vous devez savoir sur les associations
Listes
Les listes et d'autres façons de regrouper vos contenus
Navigation
La navigation est un élément clé de tout site ou application, et elle commence par le code HTML.
Tables
Comprendre comment utiliser des tableaux pour mettre en forme des 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 contenus multimédias HTML tels que l'audio et la vidéo.
Modèle, emplacement et ombre
Explication des concepts de modèle, d'emplacement et d'ombre.
API HTML
Découvrez comment les informations HTML peuvent être exposées et manipulées à l'aide de JavaScript.
Mise au point
Gérer l'ordre de focus dans vos documents HTML
Autres éléments de texte intégrés
Présentation de la gamme d'éléments utilisés pour ajouter des balises au texte.
Détails et récapitulatif
Découvrez comment fonctionnent les éléments de détails et de résumé très utiles, et où les utiliser.
Boîte de dialogue
L'élément <dialog> est utile pour représenter n'importe quel 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 langage HTML ? Commençons !