Bienvenue dans Learn HTML !

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

Tout ce que vous devez savoir sur les liens.

Listes

Listes et autres moyens de regrouper votre contenu.

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 !