User manual

4.4 | Parenthèse: Cours intensif HTML

Dans de chapitre je vais donner un petit cours intensif en HTML. Plus précisément

l’accent sera mis sur la création de pages web pour le contrôle du NanoESP. Les

structures de base d’un document HTML sont une partie de ce cours, la création

d’éléments d’entrée et de sortie et enfin l’intégration des propres pages web dans

le programme Arduino.

Une donnée HTML est toujours reconnaissable par <HTML> au début du docu-

ment. La fin du document doit être reconnaissable par </HTML>. En général, le

début et la fin d’une section ou d’un élément sont affichés sous une forme compa-

rable, comme on peut le voit sur l’entête. Dans l’entête se trouvent des informa-

tions et des formes importantes, comme dans ce cas le titre de la page web, qui

doit être affiché en haut dans la barre du navigateur. Dans ce cas il y a une autre

indication dans l’entête qui n’appartient pas aux bases HTML, mais qui améliore

l’affichage sur les appareils mobiles (<meta name ="viewport" …). Vous pouvez

ajouter ces lignes à tout moment dans votre page web HTML.

001

002

scalable=yes">

003

<title>

004

Switch LED

005

</title>

006

</HEAD>

Après HEAD suit BODY. Celui-ici comporte le contenu de la page web. Dans la

zone de démarrage BODY sont fixés les paramètres supplémentaires tels que

arrière-plan et couleur de texte. Vous pouvez bien entendu adapter ceux-ci à tout

moment selon vos goûts. Ensuite vient la définition de la police et de sa taille dans

l’élément FONT. Ceux-ci ne s’appliquent ici que pour le texte Switch LED,qui

semble particulièrement grand car ensuite l’élément FONTest de nouveau terminé

par </FONT> .

001

002

003

Switch LED

004

</FONT>