IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Arduino Discussion :

Intégrer du HTML dans un script Arduino


Sujet :

Arduino

  1. #1
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Février 2020
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Février 2020
    Messages : 29
    Par défaut Intégrer du HTML dans un script Arduino
    Bonjour a tous.

    je me lance dans l'IOT et création de page web . Je découvre le langage HTML. Dans ces lignes (Ligne 104 et 105) de code ci dessous ,, je ne parviens pas a changer la taille de la police

    Nom : 2023-04-14_16h52_29.png
Affichages : 847
Taille : 15,3 Ko

    Pouvez vous me dire ce qui ne va pas , aux lignes 97 et 101 , j'y parviens !

  2. #2
    Responsable Arduino et Systèmes Embarqués


    Avatar de f-leb
    Homme Profil pro
    Enseignant
    Inscrit en
    Janvier 2009
    Messages
    13 122
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Janvier 2009
    Messages : 13 122
    Billets dans le blog
    47
    Par défaut
    Bonjour,

    L'élément html <font>...</font> est obsolète depuis un moment, le fonctionnement n'est donc plus garanti dans les navigateurs modernes. Pour tout ce qui est police de caractères, voir du côté des propriétés CSS.

  3. #3
    Expert confirmé

    Homme Profil pro
    mad scientist :)
    Inscrit en
    Septembre 2019
    Messages
    2 884
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Etats-Unis

    Informations professionnelles :
    Activité : mad scientist :)

    Informations forums :
    Inscription : Septembre 2019
    Messages : 2 884
    Par défaut
    Effectivement en utilisant le CSS vous pouvez jouer sur les tailles respectives par défaut mais L’utilisateur du navigateur web peut grossir ou diminuer la taille des polices à sa convenance

    Cf https://www.w3schools.com/css/css_font_size.asp

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Bonjour,

    mets ton texte dans une balise span ou div si c'est un paragraphe :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span style="font-size:15px;">mon texte</span>

    pour un bouton :
    Code htm : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" style="font-size:15px" value="mon bouton" />
    ou
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <button style="font-size:15px">mon bouton</button>

    https://developer.mozilla.org/en-US/.../CSS/font-size
    https://developer.mozilla.org/fr/doc...Element/button
    https://developer.mozilla.org/fr/doc.../Element/input

    Par contre, mettre un bouton dans une balise <a href=""> (un lien hyertexte) ça ne se fait pas. Sur le bouton on implémente généralement l'événement onclick(). Le retour à la ligne est la balise <br/>

  5. #5
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Février 2020
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Février 2020
    Messages : 29
    Par défaut
    Citation Envoyé par Auteur Voir le message
    Bonjour,

    Par contre, mettre un bouton dans une balise <a href=""> (un lien hyertexte) ça ne se fait pas. Sur le bouton on implémente généralement l'événement onclick(). Le retour à la ligne est la balise <br/>
    C'est du code que j'ai péché sur la toile et que j'adapte a mes besoin .

    merci en tout cas pour vos réponses, les lignes de code HTML que j'ai postées ici , sont mes premieres lignes de code HTML je me lance timidement dans la création de page web sans aucune prétention .
    Mon but est d'arriver a contrôler sur mon portable l'état de 3 ou 4 quatre entées d'un ESP8266wifi.

    Je suis arrivé a avoir un résultat avec ce code :

    Nom : 2023-04-15_19h03_45.png
Affichages : 766
Taille : 6,4 Ko

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Et comme ceci ?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" style="font-size:15px" value="Eteindre" onclick="LED=OFF" />
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" style="font-size:15px" value="Allumer" onclick="LED=ON" />

  7. #7
    Membre averti
    Homme Profil pro
    Retraité
    Inscrit en
    Février 2020
    Messages
    29
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Février 2020
    Messages : 29
    Par défaut
    Citation Envoyé par Auteur Voir le message
    Et comme ceci ?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" style="font-size:15px" value="Eteindre" onclick="LED=OFF" />

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      client.println("<a href=\"/LED=OFF\"><input type=" button" style="font-size:15px" value="Eteindre" onclick="LED=OFF" /></a>   ");  //OFF
    J'ai essayé comme ça, mais j'ai une erreur de compile, je suis trop nul pour identifier le probleme

    J'ai oublié de préciser que c'est pour serveur web , hébergé sur un ESP8266 et que je programme avec IDE Arduino . Je ne sais pas si ça de l'importance

  8. #8
    Membre chevronné
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2004
    Messages
    539
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Juin 2004
    Messages : 539
    Par défaut
    Il faut "échapper" les back slash: tu l'as fait comme il faut dans cette partie: mais pas dans le reste comme par exemple avec: qu'il faut remplacer par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type=\" button\"

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. intégrer donnée binaire dans un script
    Par kango dans le forum Général Python
    Réponses: 15
    Dernier message: 28/10/2010, 22h18
  2. [OL-2003] intégrer fichier HTML dans corps du message
    Par DBane dans le forum VBA Outlook
    Réponses: 2
    Dernier message: 17/04/2009, 16h07
  3. [Débutant]Intégrer du perl dans un script bash
    Par kromartien dans le forum Langage
    Réponses: 3
    Dernier message: 05/03/2007, 23h23
  4. Comment gérer les objects déclarer en HTML dans un script JAVASCRIPT?
    Par Thauglor dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 25/04/2006, 14h54
  5. [perl/CGI] Ecrire du HTML dans un script perl
    Par LE NEINDRE dans le forum Web
    Réponses: 3
    Dernier message: 02/08/2005, 14h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo