Programmation en HTML

chapitre 1

Découverte du langage HTML :




Le langage HTML (HyperText Markup Language) est un ensemble de règles, de commandes qui sont utilisées pour donner des indications aux logiciels clients ( Microsoft Internet Explorer ,Netscape Navigator, Opera,...) qui recevront le document écrit au format texte.

___________


Il n'est pas indispensable de connaître la programmation, pour apprendre et comprendre le langage HTML ?


Il ne faut pas êtes un programmeur,...
Il faut juste être un utilisateur de la micro-informatique, car la création de documents HTML est à la portée de toute personne sachant utiliser un simple éditeur de texte comme le Bloc-Notes de Windows par exemple, ou Simpletext de Macintosh.

___________

HTML : c'est un langage de "Tagueurs".

Dans un traitement de texte, pour rendre un texte en caractères gras ou italique, on va le sélectionner à l'aide de la souris et appliquer le style grâce à une "barre d'outils".

Il en va de même avec les documents HTML. Mais au lieu d'utiliser la souris, on va placer le texte entre deux marqueurs (que l'on appelle "tags" en anglais).

Imaginons que Pierre ne dispose que d'une machine à écrire traditionnelle et que Paul lui propose de mettre en forme son texte sur un ordinateur...

Pierre enverra sa lettre avec les instructions de présentation suivantes :

(Début de la lettre) (Utilisation de caractères type Helvetica, gras, italiques)
Jules MACHIN(à la ligne)
Société du FURET qui court(à la ligne)
101 - 103, rue de l'Equateur(à la ligne)
02820 Keskifécho(à la ligne)
(fin d'utilisation de caractères type helvetica, gras, italiques)
(passer une ligne)
(passer une ligne)

Cher Monsieur, (à la ligne)
(passer une ligne)
(paragraphe standard) Suite à notre dernier entretien, je vous informe que les sessions de formation au HTML sont programées le jour de Pâques prochain. (passer une ligne)

Vous devrez savoir utiliser (utilisation de caractères italiques) le bloc note de Windows ou Simpletext de Macintosh (fin d'utilisation de caractères italiques) , car il n'est pas prévu d'apprendre à utiliser ces logiciels.
(passer une ligne)
Recevez, Monsieur, l'expression de ma considération distinguée.
(fin de paragraphe standard)
(passer une ligne)
(passer une ligne)
(centrer) Jules MACHIN (fin de centrer)

Les indications entre parenthèses n'apparaîtront pas dans la version finale de ce document. Elles n'ont pas d'autre but que d'expliquer la mise en forme et le style de présentation à adopter. En HTML, la procédure est identique... Il faut expliquer au logiciel client (Microsoft Internet Explorer, Netscape Navigator, Opera,...) comment il doit présenter la page.

Pour que le logiciel client soit en mesure de distinguer (sans erreur !) le texte à afficher des indications (les "Tags"),
celles-ci commencent toujours par un < et se termine toujours par un >.

Par exemple : <italique>Je connais le langage HTML.</italique>

Affichera sur la page HTML : Je connais le langage HTML.

___________

Pour bien commencer, il faut au minimum.

  1. Un éditeur de texte ou un traitement de texte capable d'enregistrer des fichiers textes sans mise en forme
    (ASCII pur ou ".TXT").

  2. Un client Web (c'est-à-dire Microsoft Internet Explorer/Edge, Google Chrome, Mozilla Firefox, Opera, Safari, Avast SafeZone Browsr ou autres...).

Il est possible, par exemple, d'ouvrir 3 tâches sur l'ordinateur
  - Travail avec windows et Internet Explorer

 1. Ouvrir Internet Explorer pour lire ces pages

 2. Ouvrir le Bloc-Notes de Windows : Démarrer > Programmes > Accessoires > Bloc-notes.
     Recopier les exemples dans le Bloc-Notes et
     les enregistrer dans un sous-répertoire d'étude avec un nom : nom.htm
         nom
  c'est le nom du fichier,
                 (moins de 8 signes alpha-numérique en minuscule de préférence)
         suivi d'un point " . "
         et de htm (ou html).

 3. Ouvrir une deuxième fois Internet Explorer pour lire les pages créées.

 

___________

Pour plus d'information sur la norme

On peut consulter le W3C

En anglais

En Français (Traduction)

 

9088 ième visite depuis le 1er janvier 2018
Il y a 1 visiteur connecté au site.

© A Moreaux (31 décembre 2017)
___________________________

Page d'accueil