Articles

Créer une noisette - 2nde étape

16 mai 2017
Dans cette seconde partie, nous allons ajouter du contenu paramétrable à notre noisette

Envoyer une infolettre ou une newsletter.

11 novembre 2015
Annoncer un évènement particulier sous forme d’info-lettre, envoyer la liste des nouveautés à période régulière à vos visiteurs inscrits, l’envoi automatique de (...)

Choix du thème et accessibilité : quand Google sanctionne.

26 septembre 2015
Google sanctionne les sites non accessibles sur les smartphones. Le choix de votre thème va donc impacter directement votre (...)

Créer un menu - 2nde partie

20 septembre 2015
Créer un menu indépendant de l’architecture des rubriques du site ou comment ajouter des items vers un article, une rubrique particulière, un lien externe, (...)

Importer depuis MS Word

2 juin 2015
Vous n’êtes pas encore adepte des logiciels libres, vous utilisez MS Word, il est possible de composer vos articles sur votre traitement de texte préféré et (...)

Créer un menu - 1re partie

11 mai 2015
Sur la plateforme mutualisée, grâce à l’utilisation du plugin Menus, vous pouvez créer vos propres menus, que ce soit la barre de navigation ou tout autre type (...)

Insérer des images

26 mars 2015
Il n’est pas toujours facile d’y voir clair dans l’utilisation des différentes balises d’insertion d’images. Voici résumées ici les différentes (...)

Configuration générale de SPIP3 : Interactivité

22 mars 2015
SPIP offre la possibilité aux visiteurs d’interagir avec le site. Proposer l’inscription à une « newsletter », des contenus à accès restreints, accepter des (...)

Configuration générale de SPIP3 : Identité et langues

19 mars 2015
L’identité du site, (son nom et son descriptif) sont des expressions sensibles. Elles impactent fortement votre référencement naturel. Il convient donc d’y (...)

Configuration générale de SPIP3 : Contenu du site

15 mars 2015
Bien configurer les paramètres généraux de SPIP3 est nécessaire, avant (et/ou pendant) la construction de l’architecture du site. N’utilisez que ce qui est (...)

Articles

Créer une noisette - 2nde étape

16 mai 2017
Dans cette seconde partie, nous allons ajouter du contenu paramétrable à notre noisette

Envoyer une infolettre ou une newsletter.

11 novembre 2015
Annoncer un évènement particulier sous forme d’info-lettre, envoyer la liste des nouveautés à période régulière à vos visiteurs inscrits, l’envoi automatique de (...)

Choix du thème et accessibilité : quand Google sanctionne.

26 septembre 2015
Google sanctionne les sites non accessibles sur les smartphones. Le choix de votre thème va donc impacter directement votre (...)

Créer un menu - 2nde partie

20 septembre 2015
Créer un menu indépendant de l’architecture des rubriques du site ou comment ajouter des items vers un article, une rubrique particulière, un lien externe, (...)

Importer depuis MS Word

2 juin 2015
Vous n’êtes pas encore adepte des logiciels libres, vous utilisez MS Word, il est possible de composer vos articles sur votre traitement de texte préféré et (...)

Créer un menu - 1re partie

11 mai 2015
Sur la plateforme mutualisée, grâce à l’utilisation du plugin Menus, vous pouvez créer vos propres menus, que ce soit la barre de navigation ou tout autre type (...)

Insérer des images

26 mars 2015
Il n’est pas toujours facile d’y voir clair dans l’utilisation des différentes balises d’insertion d’images. Voici résumées ici les différentes (...)

Configuration générale de SPIP3 : Interactivité

22 mars 2015
SPIP offre la possibilité aux visiteurs d’interagir avec le site. Proposer l’inscription à une « newsletter », des contenus à accès restreints, accepter des (...)

Configuration générale de SPIP3 : Identité et langues

19 mars 2015
L’identité du site, (son nom et son descriptif) sont des expressions sensibles. Elles impactent fortement votre référencement naturel. Il convient donc d’y (...)

Configuration générale de SPIP3 : Contenu du site

15 mars 2015
Bien configurer les paramètres généraux de SPIP3 est nécessaire, avant (et/ou pendant) la construction de l’architecture du site. N’utilisez que ce qui est (...)

Raccourcis typographiques

, par Webmestre DANE.

En HTML, on distingue deux type de balises :

  • Les balises pour éléments en ligne, ce sont des éléments qui vont s’inscrire dans le fil du texte.
  • Les balises pour éléments de type bloc, qui s’appliquent à tout un paragraphe.

Mise en forme d’éléments « en ligne »

Texte

BoutonSaisieRenduHTML/CSS associés
Mettre du {{texte en gras}} dans un paragraphe Mettre du texte en gras dans un paragraphe
Mettre du {texte en italique} dans un paragraphe Mettre du texte en italique dans un paragraphe
Mettre du  [*texte en évidence*] dans un paragraphe Mettre du texte en évidence dans un paragraphe .caractencadre-spip
Mettre du [**texte en évidence*] dans un paragraphe Mettre du texte en évidence dans un paragraphe
Mettre du <del>texte biffé</del> dans un paragraphe Mettre du texte biffé dans un paragraphe
Mettre du texte <sup>en exposant</sup> dans un paragraphe Mettre du texte en exposant dans un paragraphe
Mettre du texte <sub>en indice</sub> dans un paragraphe Mettre du texte en indice dans un paragraphe

Liens internes

BoutonSaisieRenduHTML/CSS associés
Lien vers [->14] Lien vers Raccourcis typographiques
Lien vers [l'article 14->14] Lien vers l’article 14
Lien vers [->art14] Lien vers Raccourcis typographiques
Lien vers [l'article 14->art14] Lien vers l’article 14
Lien vers [->rub1] Lien vers Documentation
Lien vers [la rubrique 1->rub1] Lien vers la rubrique 1
Lien vers [->aut1] Lien vers Webmestre DANE
Lien vers [l'auteur->aut1] Lien vers l’auteur 1
Lien vers [->br1] Lien vers breve 1

Liens externes

BoutonSaisieRenduHTML/CSS associés
Lien vers  [TiZpiP-MuTuaL->http://adm-mutu.etab.ac-caen.fr] Lien vers TiZpiP-MuTuaL
Lien vers l’expression  [?accessibilité web] sur Wikipédia Lien vers l’expression accessibilité web sur Wikipédia]

Mise en forme d’éléments « bloc »

Titraille

BoutonSaisieRenduHTML/CSS associés
{{{Intertitre de premier niveau}}}

Intertitre de premier niveau

{{{**Intertitre de deuxième niveau}}}

Intertitre de deuxième niveau

{{{***Intertitre de troisième niveau}}}

Intertitre de troisième niveau

{{{****Intertitre de quatrième niveau}}}
Intertitre de quatrième niveau

Un paragraphe encadré.

Un nom de fichier n’est pas une œuvre littéraire, c’est un objet technique

Une citation

<quote>La simplicité est la perfection suprême[/Léonard de Vinci/]</quote>

La simplicité est la perfection suprême

Léonard de Vinci

Tableaux

  1. | {{Titre 1}} | {{Titre 2}} | {{Titre 3}} |
  2. | Colonne 1 | Colonne 2 avec du contenu long | Colonne 3 |

Télécharger

Titre 1 Titre 2 Titre 3
Colonne 1 Colonne 2 avec du contenu long Colonne 3

Tableaux avec cellules fusionnées

  1. | {{Titre 1}} | {{Titre 2}} | {{Titre 3}} |
  2. | Cellule 11 | Cellule 12 fusionnée avec la cellule 13 | < |
  3. | Cellule 21 | Cellule 22 fusionnée avec la cellule 32 | Cellule 23 |
  4. | Cellule 31 | ^ | Cellule 33 |

Télécharger

Titre 1 Titre 2 Titre 3
Cellule 11 Cellule 12 fusionnée avec la cellule 13
Cellule 21 Cellule 22 fusionnée avec la cellule 32 Cellule 23
Cellule 31 Cellule 33

Images

Voir Insérer des images

Raccourcis typographiques

, par Webmestre DANE.

En HTML, on distingue deux type de balises :

  • Les balises pour éléments en ligne, ce sont des éléments qui vont s’inscrire dans le fil du texte.
  • Les balises pour éléments de type bloc, qui s’appliquent à tout un paragraphe.

Mise en forme d’éléments « en ligne »

Texte

BoutonSaisieRenduHTML/CSS associés
Mettre du {{texte en gras}} dans un paragraphe Mettre du texte en gras dans un paragraphe
Mettre du {texte en italique} dans un paragraphe Mettre du texte en italique dans un paragraphe
Mettre du  [*texte en évidence*] dans un paragraphe Mettre du texte en évidence dans un paragraphe .caractencadre-spip
Mettre du [**texte en évidence*] dans un paragraphe Mettre du texte en évidence dans un paragraphe
Mettre du <del>texte biffé</del> dans un paragraphe Mettre du texte biffé dans un paragraphe
Mettre du texte <sup>en exposant</sup> dans un paragraphe Mettre du texte en exposant dans un paragraphe
Mettre du texte <sub>en indice</sub> dans un paragraphe Mettre du texte en indice dans un paragraphe

Liens internes

BoutonSaisieRenduHTML/CSS associés
Lien vers [->14] Lien vers Raccourcis typographiques
Lien vers [l'article 14->14] Lien vers l’article 14
Lien vers [->art14] Lien vers Raccourcis typographiques
Lien vers [l'article 14->art14] Lien vers l’article 14
Lien vers [->rub1] Lien vers Documentation
Lien vers [la rubrique 1->rub1] Lien vers la rubrique 1
Lien vers [->aut1] Lien vers Webmestre DANE
Lien vers [l'auteur->aut1] Lien vers l’auteur 1
Lien vers [->br1] Lien vers breve 1

Liens externes

BoutonSaisieRenduHTML/CSS associés
Lien vers  [TiZpiP-MuTuaL->http://adm-mutu.etab.ac-caen.fr] Lien vers TiZpiP-MuTuaL
Lien vers l’expression  [?accessibilité web] sur Wikipédia Lien vers l’expression accessibilité web sur Wikipédia]

Mise en forme d’éléments « bloc »

Titraille

BoutonSaisieRenduHTML/CSS associés
{{{Intertitre de premier niveau}}}

Intertitre de premier niveau

{{{**Intertitre de deuxième niveau}}}

Intertitre de deuxième niveau

{{{***Intertitre de troisième niveau}}}

Intertitre de troisième niveau

{{{****Intertitre de quatrième niveau}}}
Intertitre de quatrième niveau

Un paragraphe encadré.

Un nom de fichier n’est pas une œuvre littéraire, c’est un objet technique

Une citation

<quote>La simplicité est la perfection suprême[/Léonard de Vinci/]</quote>

La simplicité est la perfection suprême

Léonard de Vinci

Tableaux

  1. | {{Titre 1}} | {{Titre 2}} | {{Titre 3}} |
  2. | Colonne 1 | Colonne 2 avec du contenu long | Colonne 3 |

Télécharger

Titre 1 Titre 2 Titre 3
Colonne 1 Colonne 2 avec du contenu long Colonne 3

Tableaux avec cellules fusionnées

  1. | {{Titre 1}} | {{Titre 2}} | {{Titre 3}} |
  2. | Cellule 11 | Cellule 12 fusionnée avec la cellule 13 | < |
  3. | Cellule 21 | Cellule 22 fusionnée avec la cellule 32 | Cellule 23 |
  4. | Cellule 31 | ^ | Cellule 33 |

Télécharger

Titre 1 Titre 2 Titre 3
Cellule 11 Cellule 12 fusionnée avec la cellule 13
Cellule 21 Cellule 22 fusionnée avec la cellule 32 Cellule 23
Cellule 31 Cellule 33

Images

Voir Insérer des images

Documents joints

  • Oiseaux (JPEG – 147.2 ko)

    L’heure du casse-croûte, ou plutôt du gobe-graine

Tags

Niveau de connaissances

Statut