Une fois les bases acquises, il n'existe pas de voie idéale pour apprendre HTML. Vous pouvez ensuite progresser à votre rythme, en utilisant les balises qui vous sont utiles. HTML n'est qu'un ensemble de balises que vous pouvez utiliser pour structurer votre document et lui ajouter des fonctionnalités supplémentaires. Dans les articles suivants, nous travaillerons sur différents exemples illustrant comment utiliser HTML pour résoudre des problèmes fréquents qu'on rencontre lorsqu'on développe pour le Web. Si vous avez besoin d'explications détaillées sur une balise HTML donnée, n'hésitez pas à consulter notre référence HTML.
Cas d'utilisation fréquents
HTML permet de résoudre de nombreux problèmes qui se posent lors de la conception de sites web. Il est très probable que vous rencontriez au moins l'un de ces scénarios :
Structure de base
En HTML, tout commence par la structure du document. Si vous débutez avec HTML, vous devriez démarrer avec :
- Comment créer un document HTML simple
- Comment diviser une page web en sections logiques
- Comment organiser une hiérarchie de titres
Sémantique de base pour le texte
Le but de HTML est de fournir des informations sémantiques (c'est-à-dire sur le sens) d'un document et de ce qui le compose. HTML permettra donc de répondre à de nombreuses questions sur le sens du texte qu'on veut utilisere dans un document.
- Comment créer une liste d'éléments en HTML
- Comment faire pour accentuer un contenu
- Comment indiquer qu'un texte est important
- Comment afficher du code informatique avec HTML
- Comment indiquer une notation exponentielle avec HTML
- Comment fournir des informations de contact dans une page web
- Comment annoter des images et des graphiques
- Comment marquer des abbréviations et les rendre compréhensible
- Comment ajouter des citations à une page web
- Comment définir des termes en HTML
Les hyperliens
Les hyperliens rendent la navigation très simple sur le web, ils peuvent être utilisés de différentes façons :
Images et multimédia
- Comment ajouter des images à une page web
- Comment ajouter une vidéo à une page web
- Comment ajouter un contenu audio à une page web
Script et mise en forme
HTML ne permet que de gérer la structure et le contenu d'un document. Pour régler les aspects de styles, on utilisera du CSS, pour l'aspect interactif et script, on utilisera JavaScript.
Intégrer du contenu
Problèmes avancés ou rares
Au-delà des briques de bases qu'on peut assembler dans les exemples précédents, HTML reste très riche et offre des fonctionnalités avancées qui permettent de résoudre de nombreux problèmes complexes. Ces articles décrivent certains de ces problèmes, moins fréquents, et expliquent comment les résoudre :
Les formulaires
Les formulaires correspondent à une structure HTML complexe qui permet d'envoyer des données d'une page web vers un serveur web. Nous vous invitons à suivre le guide dédié aux formulaires. Vous pouvez commencer ici :
Les informations tabulaires
Certaines informations doivent être organisées en tableaux, sur des colonnes et des lignes. Les tableaux sont une des structures HTML les plus complexes et s'avèrent particulièrement difficiles à maîtriser de A à Z :
- Comment créer un tableur où saisir de sdonnées
- Comment rendre accessibles les tableaux HTML
- Comment optimiser le rendu d'un tableau HTML
La représentation de données
- Comment représenter des valeurs numériques en HTML
- Comment associer du contenu lisible avec des structures de données informatiques arbitraires
Interactivité
Sémantique avancée pour les éléments textuels
- Comment contrôler le passage à la ligne en HTML
- Comment restituer des changements (du texte ajouté/retiré)
Images et multimédia avancés
- Comment ajouter une image adaptative (responsive) à une page web
- Comment ajouter une image vectorielle à une page web
- Comment ajouter une cartes de zones cliquables sur une image
- Comment créer des images dynamiques et interactives
L'internationalisation
HTML n'est pas monolingue. Il existe des outils qui permettent de résoudre les problèmes fréquents qui se posent lorsqu'on internationalise du contenu.