Introduction [Écrire en HTML]

Introduction générale à HTML

Rappel :

HTML est l'un des trois standards qui ont permis de fonder le Web :

HTTP est le standard qui permet de transférer des pages web depuis un serveur web vers un client web (navigateur web) ;
URL (ou adresse web) est le standard qui permet d'identifier de façon unique une page web dans le monde ;
HTML est le standard de formater les pages web.

Rappel : HTML est un standard du W3C

Le W3C est un consortium international composé notamment d'industriels du domaine de l'informatique (IBM, Microsoft...), des éditeurs de navigateurs (Mozilla, Google...) et de centres de recherche (MIT, INIRIA...).
Son rôle est de standardiser les technologies utilisées dans le domaine du Web : HTML, CSS, JavaScript, mais aussi XML, DOM, PNG, SVG...
Le W3C a été fondé en 1994 Tim Berners-Lee au MIT avec le soutien du département de la défense états-unienne. L'INRIA rejoint le W3C en 1995. En octobre 2021 le W3C compte 452 membres.

Rappel : Une petite histoire d'HTML

1990 : La première page HTML est publiée sur le premier serveur web au Cern.
1991-1994 : HTML est développé au sein des navigateurs NCSA Mosaic puis Netscape Navigator sans être standardisé.
1995 : Le W3C spécifie le langage HTML 2.0 via la RFC 1866.
1996-2014 : Le W3C fait évoluer régulièrement le standard : HTML 3.2, HTML 4.0, XHTML 1.1.
2014 : Le W3C publie HTML5.

Définition : HTML5

Le HyperText Markup Language, abrégé HTML, HTML5 dans sa dernière version, est le langage de balisage conçu pour écrire les pages web.

HTML5 permet :

d'écrire du texte et des liens entre des pages (hypertexte),
d'inclure des ressources multimédias (images, des vidéos...),
de structurer la page (balisage sémantique),
de mettre en forme le contenu (balisage physique avec CSS),
de programmer des interactions avec l'utilisateur (par exemple des formulaires de saisie, avec JavaScript).

(Source modifiée : Wikipédia)

Exemple : Hello World

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Hello</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Hello</title>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

Méthode : Créer un document HTML

Un document HTML est un simple fichier texte, il peut donc être créé avec n'importe quel éditeur de texte.

On utilise a minima des éditeurs colorisant comme :

notepad++ sous Windows
gedit sous Linux

On préfère des éditeurs colorisant et validant comme :

https://atom.io (libre)
https://code.visualstudio.com (partiellement propriétaire, collecte de données par défaut, désactivable)

Méthode : Consulter un document HTML

Un document HTML se consulte avec un navigateur comme Firefox ou Chrome à l'aide du menu permettant d'ouvrir un fichier (par exemple CTRL+O avec Firefox).
On peut toujours consulter le code source d'un fichier HTML en cours de consultation que ce soit un fichier local ou un fichier en ligne (par exemple clic droit sur la page avec Firefox).

Introduction à l'écriture de fichiers HTML