Le code HTML

L’aspect d’une page Web à l’écran peut varier fortement en fonction du système d’exploitation (MacOS, Windows, Linux …), du navigateur utilisé (Netscape Navigator, Internet Explorer ou un autre), de la version de celui-ci et de la résolution de l’écran.

En fait, ce qui est vu à l’écran est une interprétation par le navigateur d’un code source composé exclusivement de texte, qui décrit les éléments à afficher à l’écran. Ce code source est le plus souvent composé de HTML, un langage à balises. Ces balises servent à délimiter les différents éléments à afficher sur la page, tout en fournissant une information sur la façon de les afficher. Les balises fonctionnent le plus souvent par paires, une balise de début et une balise de fin, qui se différencient par la présence d’un "/" dans la balise de fin :

<Title></Title> permettent de définir le titre de la page
 définissent un paragraphe

Un tableau nécessite au moins 3 paires de balises :

<Table></Table> pour le tableau lui-même,
<Tr></Tr> comme Table Row, pour chaque ligne, et
<Td></Td> comme Table Data, pour chaque cellule.

HTML est un langage qui n'est pas sensible à la casse. Les balises peuvent donc être écrites indifféremment en majuscules, minuscules ou un mélange des deux.

Pour en savoir plus, une recherche sur Google par exemple, permet de trouver de nombreux sites consacrés au langage HTML, y compris en français.

Le code source peut contenir de nombreux éléments :

Le titre de la page,
Des éléments cachés à destination des “robots” utilisés par les moteurs de recherche pour mettre à jour leur base de données,
Des portions de programme contenues dans la page (Javascript par exemple)
Des feuilles de style internes
Le texte à afficher dans la page,
Des balises destinées au navigateur correspondant aux retours chariot, aux titres, aux tableaux, aux liens, aux styles à utiliser,
Les adresses du fichier à charger pour chaque lien (autre page web, fichier image, son ou vidéo, …) ou pour les fichiers externes contenant les feuilles de style ou le code Javascript.
…

Voici quelques lignes de code VBA :

Sub ReportDonnees()
' Report des valeurs stockées dans Mat()
Dim i As Integer
        With ActiveCell
                For i = 0 To 9
                    .Offset(i) = Mat(i)
                Next i
        End With
End Sub

et le code HTML correspondant :

<pre>Sub ReportDonnees()
' Report des valeurs stockées dans Mat()
Dim i As Integer
With ActiveCell
For i = 0 To 9
.Offset(i) = Mat(i)
Next i
End With
End Sub</pre>

La balise <Pre> (comme Préformaté) fait qu’il est tenu compte des espaces multiples ou des tabulations, ce qui par défaut n’est pas le cas avec HTML. Cette balise a un autre effet : elle induit l’utilisation d’une police non proportionnelle (où tous les caractères consomment la même largeur).

La balise permet d’affecter un style à un mot ou un groupe de mots. Pour qu’un style puisse être utilisé, il faut qu’il soit défini dans la page Web, ou dans une feuille de style externe, appelée par la page, ce qui est le cas ici.

Les 2 styles motclef et commentaire sont également présents dans la feuille de style VBA.css.

Quant à la page Web, VBAVide.html., qui n’affiche qu’un titre, voici son code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<meta name="keywords" content="Gaboly, Excel, VBA">
<title>Page vide faisant appel à VBA.css</title>
<link rel="stylesheet" href="VBA.css">
</head>

<body>

</body>

</html>

La ligne affichée en bleu gras contient l’appel à la feuille de style VBA.css, ce qui lui permet moyennant l’insertion de code HTML utilisant les styles motclef et commentaire, d’afficher en couleur du code VBA.

Les 2 documents VBAVide.html et VBA.css, peuvent être générés par l’utilitaire ConversionVBA.