• Balise span

    Vous avez peut-être eu la curiosité de regarder, dans le code source (<>), comment ce programme écrit votre clic sur une icône de la barre d'outils.

    Si je sélectionne le mot, "couleur rouge" et que je clique sur l'icône A, ce mot va s'afficher en rouge et l'écriture en code source s'écrire: 

    <span style="color: #ff0000;">couleur rouge</span>

    Vous trouvez la balise span, qui comporte une balise début <span> et une de fin </span>, comme presque toutes les balises.

    Cette valise permet de modifier l'apparence d'un mot sans modifier le reste; bien sûr, les icônes sont là pour nous faciliter le travail mais il est bon de le savoir.

    La couleur de fond va s'écrire: <span style="background-color: #ffff00;">La couleur de fond va s'&eacute;crire:</span>

    Je vous laisse regarder l'écriture de l'action sur d'autres icônes, qui utilisent parfois d'autres balises (<strong>...</strong> ou <em>..</em>...) mais toujours avec ce principe début/fin.

    Cette balise peut vous servir aussi à donner une animation au survol, à un mot: Galerie, par un code CSS3 et une identification.

    <p> ...<span id="an">Galerie</span>... </p>
    <style><!--
    #an{color:red; font-size:16pt;}
    #an:hover{color:green; font-size:18pt; font-weight:bold;}
    --></style>

    Chaque icône ajoute une balise, soit sur le paragraphe, soit sur un mot...

    Nous pouvons ainsi faire remarquer un lien sur un mot, par son animation au survol, en le soulignant ou en changeant sa couleur, police, taille, décoration ... mais uniquement en entrant dans le code source car il n'y a pas d'icône pour ça.

    Nous pouvons aussi faire afficher une boîte ou une image, dans la page.

     

    Une remarque, un peu sur ce sujet: sur Ekla, vous pouvez paramétrer la couleur d'un mot sur lequel vous mettez un lien:

    onglet  Apparence/modifier le thème/texte et liens: choix apparence au départ et au survol.

    Tous les liens de votre page suivront ces paramètres (commentaires, page...)