Ce cours HTML pour les développeurs Web offre une bonne présentation du langage HTML, du débutant au expert.
Bienvenue dans le langage HTML ! Le langage de balisage hypertexte (ou HTML) est l'épine dorsale du Web. Il fournit le contenu, ainsi que la structure de ce contenu, que vous voyez dans votre navigateur.
À moins que vous ne lisiez la version PDF ou la version papier de cette page, celle-ci est constituée de différents textes et éléments HTML. 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 fournissent l'apparence ou la présentation de la page. JavaScript : couche de comportement, souvent utilisée pour manipuler les objets dans un document. Les sites conçus avec des frameworks JavaScript ne font que manipuler le code HTML. Par conséquent, il est important de baliser votre code HTML de sorte que les scripts puissent facilement l'analyser et que les technologies d'assistance puissent facilement les comprendre. Cela implique d'écrire du code HTML avec des normes modernes.
Présentation
Ce cours HTML destiné aux développeurs Web offre une bonne présentation du langage HTML, du débutant au niveau expert. Si vous débutez en HTML, vous allez apprendre à créer un contenu structurellement sain. Si vous créez des sites Web depuis des années, ce cours peut combler les lacunes dans les connaissances que vous ne saviez même pas.
Tout au long du parcours, nous allons créer la structure du site MachineLearningWorkshop.com. Aucune machine n'a été endommagée lors de la création de cette série.
Ceci n'est pas une référence complète. Chaque section présente le sujet de la section avec de brèves explications et des exemples, ce qui vous permet d'approfondir le sujet. Vous y trouverez des liens vers des références sur des sujets tels que les spécifications MDN et WHATWG, et d'autres articles sur web.dev. Bien qu'il ne s'agisse pas d'un cours d'accessibilité, chaque section comprendra les bonnes pratiques et des problèmes spécifiques en la matière, ainsi que des liens pour approfondir le sujet. Chaque section passera par une courte évaluation pour aider les participants à confirmer qu'ils ont bien compris.
Vous y découvrirez:
Présentation du langage HTML
Brève présentation des concepts clés du langage HTML.
Structure du document
Découvrez comment structurer vos documents HTML en vous appuyant sur des bases solides.
Metadata
Utilisation des balises Meta 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.
Titres et sections
Comment utiliser correctement les éléments de section pour donner du sens à votre contenu
Attributes
Découvrez les différents attributs globaux, ainsi que les attributs spécifiques à des éléments HTML spécifiques.
Principes de base du texte
Mettre en forme du texte en HTML
Links
Tout ce que vous devez savoir sur les liens.
Listes
Listes et autres moyens de regrouper votre contenu.
Navigation
La navigation est un élément clé de tout site ou application. Elle commence par le langage HTML.
Tables
Comprendre comment utiliser des tableaux pour baliser 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 de l'audio et de la vidéo.
Modèle, emplacement et ombre
Explication du modèle, de l'emplacement et de l'ombre.
API HTML
Découvrez comment afficher et manipuler les informations HTML à l'aide de JavaScript.
Mise au point
Découvrez comment gérer l'ordre des curseurs dans vos documents HTML.
Autres éléments de texte intégrés
Une introduction à la gamme d'éléments utilisés pour baliser le texte.
Détails et résumé
Découvrez comment fonctionnent les détails très utiles et les éléments de résumé, et où les utiliser.
Boîte de dialogue
L'élément <dialog> est un élément 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 !