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...