Introduction au HTML

Durée 30 minutes

Difficulté ☆ ☆ ☆

Introduction au HTML

Le HTML est un langage de balisage conçu pour structurer les pages web issu du langage SGML.

Sa première version date de 1993

<h1>La balise de titre du langage HTML</h1>

HyperText Language Markup

Le langage HTML, ou langage de balisage d’hypertexte, a été inventé en 1989. Il est à la base de la technologie du World Wide Web.

Les 3 inventions à la base du web :

  • Le protocole HTTP
  • Les URL
  • Le langage HTML

Le concept de l’hypertexte

HTML permet d’écrire des documents hypertexte, c’est à dire qui ont vocation à être liés entre eux et dont la consultation peut se faire de manière non linéaire.

L’idée centrale du langage est l’hyperlien qui ajoute une nouvelle dimension dans la navigation.

Quelques propriétés du langage HTML

HTML est un métalangage : il sert à décrire rigoureusement un langage naturel.

  • La portabilité : HTML fonctionne au sein d’un navigateur web et sur tous les systèmes d’exploitation
  • Il est gratuit
  • Il est normé
  • Il est utilisé de manière universelle

Un peu de documentation sur le langage…

HTML et sémantique

Le HTML est un méta langage. Son but originel est de décrire la sémantique du document.

Dans le cas du HTML, on va devoir décrire au navigateur le contenu du document, et ses différentes parties

  • des titres
  • des paragraphes
  • des liens hypertextes
  • des tableau de données

L’intérêt de la sémantique

A l’origine, les navigateurs web appliquaient des styles de mise en page diférentes selon les balises pour signifier la sémantique de manière visuelle à l’internaute.

Autre intérêt : la lisibilité du code par les concepteurs de page web

Les moteurs de recherche

Avec l’avènement du langage CSS, la mise en page n’a plus été confiée au navigateur.

L’intérêt de la sémantique des balises réside maintenant dans la lisibilité par les moteurs de recherche et dans l’accessibilité.

Structurer les documents

Dans les premiers temps du web, le HTML a surtout un but de stylisation.

Un langage de rangement

HTML permet aussi de structurer logiquement et de mettre en forme le contenu des pages

  • signifier des contenus de différents niveaux d’importance
  • englober des contenus au sein d’une même entité
  • créer des boites séparés
  • mettre en place des hiérarchie dans le document

L’arrivée des CSS

Au début des années 2000, le langage CSS commence à se standardiser et son utilisation augmente exponentiellement dans la communauté du développement web.

L’écriture du HTML conserve son impératif sémantique mais doit aussi permettre l’élaboration d’un design sophistiqué

  • le HTML perd son rôle stylistique
  • le nombre de balises à l’intérieur des documents augmente
  • l’écriture du HTML nécessite plus de reflexion en amont