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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMwR4L5J243YHu9Q2vLRS6JSHT9-Knk2WuOOOEDxXGhDHrxFW5XENi7hDy-N09u6E-fnu41oqe_VX4BmvU1vW65smcKcmryMG82L8x7Xi5NhY_-jL_5v6qYTPe0DrWIxBxq8cgBOnCkP5i/s640/2016-01-21_193237.png)
-HTML : affichage du code HTM que le navigateur interprétera pour afficher l'article.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgls51QYobnOIWXBPPLV-_J3diHVtFy1gbuFjwDqxEINVgiSISGXwZ3D6Nx28UczrDuTXD8af30Zr19aa3e016vuH2Lq3jovxoV2j61q5W6MO79cPyB7yLchi7lV7TDeohh5whMyMrhs7Ww/s640/2016-01-21_193306.png)
- 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 2 : L'article contient du texte !
- 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 :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTIJ5DJjV5qfI5JLMrfNhWSm_CDc-In_VXkCGXXWXTkGrmWjYWJqSWz1RJbSf9spNEh0Guq9H3ZV39Y_8k8lYlQ7lXFFgPmpE3Og2TKW-Jfu0q9Cvvj3P0eX9npw_ppPAiYGf96LXXv2X/s640/2016-01-21_194447.png)
- 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
Le Gadget dédié est :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTbm566hkb0eW-J0bwhwemHIH4UIVqhQwDk40rqZZ-YlqRVjwpUJGNLvBnd-xLg_QfFV6EPGbDmr-EHdcDH0uA1fxLnBMqVXEbAAVC9u2tAYn85OZca79eA7hwKaCWC5M3OlWEIej6Ys/s320/2019-12-02_140722.png)
Vous pouvez :
insérer le code HTML puis voir et modifier en mode texte (RTF)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsUQ0LBUNuKw16SnsH9UNYVRgYt6iZ7bN4Q4FDPu2X8pXiGOYxbdxgKQ2WRhjilIWanZ4XKxJ3mR6we-u8HrilQOH23gwqhHccbiTo6fzhgZ6q43NZzd6iduw4BPwMmtUfm8Y2AvYrrC4/s400/whtml2.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVym5Raz5yJkeotPLK9wVvtQ524FXSNoD-xE5MEliOySxo9TJC3v6Orn2kxlHHp2eIyYDxCPMkHVLePmMccM7uwwYW2DJ6mX263iBwRz8UsUYkA7w_iD8VJnitAMs-pZId2VKtySE4woQ/s1600/whtml.png)
COMPLEMENTS pour passer à la pratique...