La balise <head> est la première section majeure d’un document HTML, juste après la déclaration <html>. Contrairement à <body>, son contenu n’est pas affiché directement sur la page. Son rôle est de fournir des méta-données essentielles au navigateur, aux moteurs de recherche et à d’autres services web. Si le contenu de <body> représente l’intérieur d’un livre, la balise <head> représente la couverture de ce livre. […]
Les tableaux en HTML
Les tableaux sont un élément fondamental en HTML pour présenter des données structurées en lignes et en colonnes, comme des feuilles de calcul. Il est crucial de les utiliser pour leur but sémantique (afficher des données tabulaires) et non pour de la mise en page, rôle qui est dévolu au CSS. La structure de base […]
Les listes en HTML
Les listes sont un moyen sémantique essentiel pour grouper et structurer un ensemble d’éléments liés, comme une liste de courses, les étapes d’une recette, ou les points clés d’un argumentaire. HTML propose principalement deux types de listes : les listes non ordonnées et les listes ordonnées. Les listes non ordonnées (<ul>) On utilise la balise <ul> (Unordered […]
Au-delà des champs de texte de base, HTML5 offre une riche palette de contrôles pour créer des formulaires plus interactifs et mieux structurés. Les zones de texte multi-lignes (<textarea>) Lorsque vous avez besoin de collecter un texte long, comme un message ou un commentaire, la balise <textarea> est plus appropriée qu’un <input type= »text »>. Les listes de sélection (<select>) […]
Les formulaires sont essentiels pour collecter des informations auprès des utilisateurs, que ce soit pour une inscription, une recherche, ou un formulaire de contact. La balise <form> La balise <form> est le conteneur de tous les champs d’un formulaire. Elle possède deux attributs principaux : Les champs de saisie (<input>) et leurs étiquettes (<label>) Pour créer des champs […]
Les liens et les images
Les liens hypertextes et les images sont des éléments fondamentaux du web, permettant de naviguer entre les pages et d’afficher du contenu visuel. Les liens hypertextes (<a>) La balise <a> (pour anchor, ancre en anglais) est utilisée pour créer un lien hypertexte vers une autre ressource (une autre page web, un fichier, une adresse e-mail, etc.). L’attribut le […]
HTML5 a enrichi le langage en introduisant des balises qui décrivent plus précisément le rôle de leur contenu. L’utilisation de ces balises sémantiques est une bonne pratique car elle améliore l’accessibilité (notamment pour les lecteurs d’écran), le référencement (SEO) et la clarté du code. Éléments de bloc et éléments en ligne Avant de détailler les […]
Le HTML (HyperText Markup Language) est un langage de balisage héritier du SGML (Standard Generalized Markup Language). Il est important de rappeler que le rôle du HTML est de structurer l’information (sémantique) et non de la mettre en forme. La présentation visuelle est, quant à elle, gérée par le CSS qui peut aussi servir à animer les […]