Support numérique de la formation SPIP

Support numérique de la formation du 11 avril 2019

Mis à jour le samedi 30 mars 2019 , par Boris Garcia

Liste non exhaustive des balises insérables dans un article SPIP

Insérer un lien hypertexte

<a href="https://www.apmep.fr/">Association des professeurs de Mathématiques de l'enseignement public</a>

Rendu :

Association des professeurs de Mathématiques de l’enseignement public

Intégration d’une image

Une image déjà uploadée/téléversée a une id numérique (lisible via le menu "Documents"), on peut l’insérer dans notre article simplement :

<img13|center>

Par défaut l’image est alignée à gauche, |center pour la centrer ou |right pour l’aligner à droite.

Rendu :

Si vous voulez vous référer à une image extérieure il vous faut son lien, par exemple :

<img src="https://media.senscritique.com/media/000000079997/160/Donald_au_Pays_des_Mathemagiques.jpg">

L’adresse entre les " " est juste le lien de l’image.

Et on peut mixer lien et image sans soucis :

<a href="https://www.apmep.fr/"><img width="504" height="504" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Pi-symbol.svg/800px-Pi-symbol.svg.png"></a>

Rendu : L’image est un lien

Intégration d’une vidéo via iframe

Structure : longueur largeur source paramètres

Un exemple de vidéo hébergée par youtube :

<iframe width="672" height="504" src="https://www.youtube.com/embed/Z2KVf5p20nM" frameborder="0" allow="gyroscope; picture-in-picture" allowfullscreen></iframe>

Rendu :

Un exemple de vidéo hébergée par dailymotion les paramètres de iframe sont indépendants de l’hébergeur :

<iframe frameborder="0" width="560" height="315"
src="//www.dailymotion.com/embed/video/x3otk73?autoPlay=0" allowfullscreen></iframe>

Exemple de paramètres :
autoPlay=0 : Lecture non automatique ; autoPlay=1 : lecture automatique
allowfullscreen : On peut mettre la vidéo en pleine écran.

Rendu :

Dans la même rubrique