fbpx

Introduction au HTML | Aide HTML

HTML signifie Langage Signalétique Hyper Text («Sign Language for Hypertext») et n’est pas un langage de programmation. Au lieu de cela, c’est un langage de balisage (de ‘marque’ ou ‘marque’), qui vous permet d’indiquer comment organiser les éléments dans une page.

Ces indications sont données par des marqueurs spéciaux, appelés étiqueter (‘Étiquettes’), qui ont la particularité d’être inclus entre crochets angulaires (par exemple, <img> est l’espace réservé pour une image).

Tim Berners-Lee

Tim Berners-Lee
L’architecture du nouveau Web, Feltrinelli, Milan, 2001

«Je ne m’attendais pas à ce que le code source HTML (c’est-à-dire les éléments avec les crochets angulaires) soit visible pour les utilisateurs. Un navigateur / éditeur ferait en sorte que l’utilisateur ne voie ou n’édite que la langue d’une page hypertexte, comme s’il utilisait un traitement de texte. Pour moi, et je croyais aux autres, l’idée de demander au public de taper des parenthèses à la main était aussi inacceptable que de demander à quelqu’un d’écrire un document dans Microsoft Word en présentant le format en code binaire. Mais la lisibilité du HTML s’est avérée être une aubaine inattendue. À ma grande surprise, de nombreuses personnes se sont rapidement familiarisées avec les balises et ont commencé à écrire leurs propres documents HTML « 

Avec HTML, nous indiquons donc, à travers i étiqueter, quels éléments doivent apparaître sur un écran et comment ils doivent être disposés. Toutes ces indications sont contenues dans un document HTML, souvent appelé « Page HTML« . Une page HTML est représentée par un fichier texte, c’est un fichier que nous pouvons modifier avec des programmes tels que le bloc-notes et qui ont généralement un nom qui se termine par l’extension .html.

Cela signifie que HTML n’a pas de constructions de programmation, telles que des mécanismes « conditionnels », qui vous permettent de réagir différemment en fonction de l’occurrence d’une condition (« dans cette situation faites ceci, dans cette autre faites ceci »), ou de constructions itératives ( «Répétez cette action, jusqu’à ce que cela se produise»).

Noter: Dans ce cas, on parle de langage déclaratif, qui sert à indiquer ce qui doit apparaître à l’écran (textes, images, sons, etc.), où et dans quel ordre. Dans le cas des langages dans lesquels on spécifie des algorithmes précis avec des « structures de contrôle », comme C, C ++, Java, ou encore PHP et JavaScript, on parle de « langages impératifs ».

HTML + CSS + JavaScript

Bien que nous ne nous en occupions pas directement, il est utile de savoir que pour travailler avec du HTML, il est utile de connaître tous les soi-disant « empiler«, Ce sont toutes les technologies nécessaires pour créer un site ou une application.

Dans le passé, certaines balises HTML étaient utilisées pour définir des polices (polices), des couleurs ou des tailles d’objets à l’écran. Aujourd’hui, l’image a définitivement changé et bon nombre de ces fonctionnalités sont obsolètes, ce qui favorise une répartition plus claire des tâches entre différents outils:

  • HTML
    il est utilisé pour définir quels éléments sont impliqués, établir des liens (liens) entre les pages et l’importance (pas la forme ou la couleur) des textes, créer des formulaires pour les utilisateurs, corriger les titres, télécharger des images, des vidéos, etc.
  • CSS
    ou « feuilles de style ». C’est une série de règles qui vous permettent de définir l’apparence (style) que les éléments de la page doivent assumer. Dimensions, couleurs, animations, chaque caractéristique visuelle peut être manipulée.
  • JavaScript
    est un langage de programmation qui permet de vraiment manipuler n’importe quoi dans la page HTML: le style, le contenu de la page, mais surtout l’interaction avec l’utilisateur. Il nous permet de créer la logique de l’interface utilisateur (voire d’une application) et de profiter des API mises à disposition par le navigateur: de la souris à la gestion tactile, de la manipulation d’image, aux demandes de données dynamiques (en mode Ajax) gestion des données locales (grâce à LocalStorage).

Dans ce guide nous approfondirons tout ce qui concerne le potentiel rendu disponible par HTML mais nous ferons aussi souvent référence à ces autres technologies, étroitement liées à notre balisage.

Le HTML est un standard: le W3C

Depuis que Tim Berners Lee, en 1991, a défini la première version du langage, jusqu’à nos jours, le HTML a continué d’évoluer jusqu’à sa maturation en HTML standard 5.

La deuxième version de la spécification (HTML 2) a été publiée par le IEFT en 1995, alors que le W3C: World Wide Web Consortium était déjà en train de naître, l’organisation fondée par Berners Lee lui-même avec le CERN et le MIT, qui regroupe aujourd’hui de nombreuses universités et les acteurs technologiques les plus importants de la scène mondiale comme Apple, Microsoft, Google , Facebook, IBM, Adobe et bien d’autres.

Le W3C se chargera de faire passer le standard via la version 3.2 (1997) à la définition de HTML 4 en 1998 et HTML 4.01, la version qui a soutenu la croissance du Web tout au long des années 2000 et qui passera à la norme ISO au tournant du troisième millénaire.

Il est né dans les années 2000 XHTML, une tendance parallèle qui tente de donner plus de rigueur au HTML, en le définissant comme une « application XML » deux versions ont déjà été publiées (XHTML1.0 et XHTML1.1), très similaire à HTML 4.1, puis pratiquement abandonnée déjà en 2011 lorsque le W3C décide d’affirmer la norme HTML 5 (il existe encore une définition de XHTML5.1 dans le projet de spécification HTMl5).

HTML5, Web et mobile

La version HTML que nous allons examiner dans ce guide est la plus récente: HTML 5, qui est également la version qui a été créée spécifiquement pour laisser l’environnement Web seul et devenir une plate-forme de création d’applications, y compris de bureau et mobile.

En fait, la spécification HTML5 consiste en la définition de:

  • une syntaxe pour le balisage plus efficace et adapté aux besoins les plus modernes, avec l’introduction de contrôles spécifiques pour les formulaires ou les attributs « data-« Pour enrichir les balises avec des informations spécifiques;
  • une série de API qui vous permettent de gérer en profondeur des aspects tels que les réseaux, le multimédia et le matériel de l’appareil. En d’autres termes, de la gestion de la vidéo et de l’audio à la surveillance des batteries d’un appareil.

Ce développement de la norme a cédé la place à la génération du soi-disant Applications mobiles hybrides, qui utilisent à la fois HTML5, pour créer des applications qui peuvent être distribuées, comme les natives, sur les marketplaces des appareils les plus courants (comme Google Play pour Android par exemple).

Liens et hypertexte

La puissance d’Internet réside dans le fait qu’il s’agit d’un ensemble étendu de contenus connectés. Le langage HTML et je lie sont à la base de ce mécanisme qui vous permet de vous déplacer rapidement entre textes, images, vidéos, applications etc., en créant vos propres chemins de navigation en totale autonomie.

Pour accéder rapidement à une énorme quantité d’informations, le moteur de recherche, qui reposent sur une série d’éléments «sémantiques» pour répondre adéquatement aux demandes des utilisateurs. Cela part de l’analyse du texte (ou du contenu) et des liens, jusqu’à l’exploitation du comportement des utilisateurs pour cataloguer les pages et établir le niveau de pertinence (classement) dont ils disposent en fonction de la requête de recherche individuelle.

L’optimisation du contenu pour favoriser le positionnement de la page pour des recherches spécifiques dit-on SEO (Search Engine Optimization), au cours du guide, nous nous retrouverons à en parler à nouveau.

Laisser un commentaire