• ACCUEIL
  • blogger

    Insérer du code HTML

    Comment insérer au bon endroit dans un article du code HTML ?



    Vous devez copier/coller du code HTML dans votre Blog? 

    • Si vous devez intégrer du code HTML dans un "Gadget HTML" cela ne pose aucun problème, il suffit de faire un copier /coller dans le gadget.

    • Pour intégrer du code HTML dans un article/page  il faut   travailler en "mode HTML"
      • si l'article est très court ou vide Cette insertion de code HTML spécifique (ex : insérer une vidéo, un lecteur de musique, un texte en pdf...)  ne pose pas de problème, mais cela devient compliqué  pour un très long article !
      • si l'article est long...  vous ne voyez que du  code  et vous êtes perdus ! C'est normal !  Or, vous devez insérer le  code que l'on vous fournit  au bon endroit ! 

    • Une astuce : pour tous les codes fournis, il est conseillé d'ajouter la balise <br />  en début et fin de code afin de passer une ligne automatiquement (ce qui permet d'ajouter éventuellement un texte)



    • Rappel : l'édition d'un article peut se faire en 2 modes


    -REDIGER : mode  visuel du texte qui donne le rendu futur de l'article



    -HTML : affichage du code HTM que le navigateur interprétera pour afficher l'article.








    • Problème : comment insérer du code html ?

      • Nous souhaitons insérer ce code HTML pour afficher une page PDF dans l'article 

    <iframe height="500px" name="NOM" src="http://uia.ii.free.fr/media/media.pdf" width="550px">
    Votre navigateur ne supporte pas les iframes
    </iframe>


      • Passons en mode HTML 
        • CAS 1 : L'article est vide, il  n' a pas encore de texte

            • Taper :          <br>
            • =>ceci permettra d'écrire éventuellement un texte avant le tableau
            • Coller le code du tableau en dessous de <br>
            • Vous pouvez coller  un autre <br> après le code


        • CAS 2 : L'article contient  du texte !

            • Il est difficile de se repérer dans le code !



              Il est déjà un peu difficile de s'y retrouver ! imaginez un texte  beaucoup plus long et davantage formaté : le code sera plus long et complexe à lire.

            • SOLUTION: 
              • Passer en "MODE REDIGER" et à l'endoit ou vous souhaitez voir  le tableau, passer un ligne et insérer une ligne de zero  0000000000000000000000000000000000000000000000
              • Aperçu :



            • Repasser en  MODE HTML


            • =>Il suffira de copier /coller le code  à la place des OO000000000000000000000000OOOOO
              puis, ensuite, supprimer les sauts de ligne.


      • AUTRE SOLUTION
        Utiliser le raccourci CTRL + F  pour trouver un mot

    Quoi que vous cherchiez sur votre ordi ou sur internet, quel que soit le logiciel utilisé, cela marche! CTRL+F vous permet de chercher rapidement:

    -un terme dans un long document  (tout texte)
    -un mot ou une expression dans une quelconque page web,
    -toutes les occurrences d’un chiffre précis dans un énorme fichier excel
    -un bout de code dans un programme
    -...

    Ultra simple: appuyez en même temps sur les touches CTRL et F (= find) ; une mini  fenêtre s’ouvre où vous pouvez indiquer votre terme de recherche. 
    Appuyez sur « enter » et  toutes les occurrences du terme dans le texte, sur la page ou dans le programme qui vous intéresse, apparaissent en surbrillance. 

    ici le terme "modifier" a été trouvé une seule fois



    • Insérer du code HTML dans un gadget 
    Certains gadgets nécessitent du code HTML, mais dans ce cas, l'insertion se révèle très simple à réaliser !
    Le Gadget dédié est : 


    Vous pouvez :
    insérer le code HTML       puis     voir et modifier en mode texte (RTF) 


    EXEMPLE







    COMPLEMENTS pour passer à la pratique...