Accueil | Ce site | CV | Excel | Livre d’or | Macros XL4 | Modèles | VBA

 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
<P></P> 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 :

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><span class="motclef">Sub</span> ReportDonnees()
<span class="commentaire">' Report des valeurs stock&eacute;es dans Mat()</span>
<span class="motclef">Dim</span> i <span class="motclef">As Integer</span>
<span class="motclef">With</span> ActiveCell
<span class="motclef">For</span> i = 0 <span class="motclef">To</span> 9
.Offset(i) = Mat(i)
<span class="motclef">Next</span> i
<span class="motclef">End With</span>
<span class="motclef">End Sub</span></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 <Span> 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>
<p></p>
</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.