Summary
Highlights
Le HTML a été inventé dans les années 90 par Tim Berners-Lee au CERN. Il fait partie des trois technologies fondatrices du web avec les adresses URL et l'hypertexte HTTP. Le HTML est un langage très simple à apprendre, même pour les débutants en programmation.
Pour créer une page HTML, il suffit d'un éditeur de texte basique comme le Bloc-notes. En enregistrant un fichier avec l'extension .html, le navigateur peut afficher le contenu. Des éditeurs plus avancés comme Sublime Text ou Visual Studio Code sont recommandés pour plus de confort.
Une page HTML est composée de balises imbriquées qui définissent sa structure. La structure de base inclut un élément 'head' (pour les métadonnées et inclusions CSS) et un 'body' (pour le contenu visible de la page). Le tutoriel montre un exemple simple avec un titre et un paragraphe.
Les commentaires en HTML permettent d'ajouter des notes dans le code sans qu'elles soient affichées par le navigateur. L'indentation est cruciale pour rendre le code lisible et structuré, en ajoutant des tabulations pour créer une hiérarchie visuelle.
L'outil 'Inspecter l'élément' du navigateur (disponible sur Chrome, Firefox, etc.) est essentiel pour les développeurs. Il permet d'examiner la structure HTML et CSS d'une page, de modifier le code en direct pour des tests ou des blagues.
Les balises les plus courantes incluent <h1> à <h6> (pour les titres, importants pour le référencement), <p> (pour les paragraphes) et les balises pour créer des listes (<ul> pour les listes non ordonnées et <li> pour les éléments de liste). Des outils comme W3Schools sont utiles pour tester ces balises.
La balise <a> permet de créer des liens hypertextes. L'attribut 'href' spécifie l'adresse de destination. Des liens peuvent être externes (vers d'autres sites, ex: Google) ou internes (vers d'autres pages du même site ou vers des sections spécifiques de la page en utilisant des ancres).
Le tutoriel montre comment intégrer facilement une vidéo YouTube en copiant le code d'intégration, ou une image grâce à la balise <img> et son attribut 'src'. Il explique aussi comment créer un menu déroulant (combo box) avec les balises <select> et <option>.
Le CSS (Cascading Style Sheets) est utilisé pour la mise en forme et le style d'une page HTML. Il est crucial pour rendre un site visuellement attrayant. L'idée est de séparer le contenu (HTML) de la présentation (CSS) pour une meilleure gestion et maintenabilité.
La méthode 'inline' (directement dans la balise HTML via l'attribut 'style') est déconseillée car elle rend le code difficile à gérer. La méthode recommandée est de créer un fichier CSS externe (.css) et de le lier à la page HTML via la balise <link> dans le 'head'. Cela permet de modifier le style global de plusieurs pages facilement.
En CSS, les styles peuvent être appliqués à des balises spécifiques (ex: 'p' pour tous les paragraphes), à des classes (définies par l'attribut 'class' et ciblées par un point en CSS) ou à des IDs (définis par l'attribut 'id' et ciblés par un dièse en CSS). Cela offre une grande flexibilité pour la stylisation.
Le HTML et le CSS sont des langages accessibles à tous, pas seulement aux experts. Le meilleur moyen d'apprendre est de réaliser des projets concrets, même petits, pour explorer les balises de base et leurs propriétés. Le tutoriel encourage à ne pas hésiter à chercher des bouts de code sur internet et à les adapter.