Introduction au html

Le Web en quelques dates

Le Web, abréviation de World Wide Web (WWW) est né de la curiosité du physicien Tim Berners-Lee en 1989. Cette application d’Internet permet de consulter des pages sur des sites Web, grâce à des navigateurs adaptés et via des machines comme un ordinateur ou un smartphone.

• 1969 : Mise en service d’ARPANET : première interconnexion d’ordinateurs, la graine d’Internet…
• 1974 : Publication du protocole TCP/IP par Vint Cerf et Bob Kahn, qui deviendra la « langue commune » de tous les réseaux interconnectés.
• 1983 : ARPANET adopte TCP/IP comme norme unique, unifiant les réseaux : Internet prend forme…
• 1989 : Tim Berners-Lee propose le World Wide Web au CERN, avec l’idée de relier des documents par hyperliens et de faciliter le partage d’informations scientifiques.
• 1990 : Première page Web, premier serveur ; brouillons de HTML et HTTP : Naissance concrète du Web : on peut publier, naviguer, cliquer.
• 1993 : Sortie de Mosaic (NCSA), premier navigateur grand public qui interprètent ces fichiers HTML transmis par le réseau et les présentent de façon plus compréhensible à l’internaute.
• 1994 : Création du W3C, l’organisme qui normalise les standards (HTML, CSS…).
• 1995-1996 : HTML 2.0, JavaScript, CSS 1 et séparation progressive contenu / présentation.
• 2008 : Première ébauche d’HTML5, vidéo native, canvas, stockage local… vers des applications riches.
• 2014 : HTML5 devient une recommandation W3C : le standard officiel est adopté par tous les grands navigateurs.

Les navigateurs : interprètes du Web

Les principaux navigateurs actuels sont Chrome , Firefox et Safari. Chacun interprète le code HTML et CSS à sa manière, ce qui peut produire de légères différences d’affichage. Pour éviter des déconvenues, il est important de tester ses pages sur plusieurs navigateurs et sur différents appareils (ordinateur, tablette, mobile).

Html et CSS : qui fait quoi ?

Imaginez une page HTML comme un document Word sans mise en forme : les titres, paragraphes et listes sont identifiables, mais tout se ressemble. Le CSS intervient en habillage de contenu : couleurs, polices, espacements, disposition sur l’écran…

• Html : la structure sémantique Le HTML décrit le fond : quelles sont les parties du document et leur sens (titre, paragraphe, liste, lien, image…). Il organise le contenu de manière hiérarchique et sémantique, ce qui facilite la compréhension par les navigateurs et les moteurs de recherche.
• Le CSS : gère la forme (couleurs, polices, marges, mises en page responsive). Cette séparation rend les pages plus accessibles, plus faciles à maintenir et adaptables à tout type d’écran.

L’inspecteur : votre meilleur allié

L’inspecteur est un outil intégré à tous les navigateurs modernes, il constitue l’outil incontournable du développeur Web. Il permet de visualiser, comprendre et modifier en temps réel le code HTML et CSS de n’importe quelle page.Il permet de visualiser, comprendre et modifier en temps réel le code HTML et CSS de n’importe quelle page.

L’inspecteur ets votre meilleur allié et vous accompagnera tout au long de la formation. Prenez l’habitude de l’ouvrir dès qu’un élément ne s’affiche pas comme prévu.