HTML : 10 codes pour débuter

Je vous l’expliquais dans l’article précédent, connaitre quelques notions et codes d’HTML peuvent vous aider pour bloguer plus facilement. Aujourd’hui, je vous présente 10 codes pour débuter. Il s’agit de notions de base mais ces codes peuvent vraiment être très utiles.

J’ai regroupé les 10 codes qui je trouve les plus intéressants pour les blogs, mais qui sont également accessibles quel que soit votre niveau.

On commence avec un premier exemple 😉

Cela vous est déjà arrivé de vouloir faire un espace dans votre texte, ou dans un widget de votre sidebar, et que le formatage automatique de WordPress/Blogger supprime cet espace ?

Passez en mode édition HTML et inscrivez simplement </ br>

Ce petit code est l’équivalent de la touche “enter” en HTML. De quoi vous faciliter la mise en forme de vos textes 😉

 

Deuxième exemple : tracer un trait, pour faire une séparation, comme celle-ci :

 


 

Cette petite barre de séparation s’affiche grâce au code <hr />

 

Passons à quelque chose de plus “complexe”. Vous souhaitez insérer une image, alors qu’il n’existe pas d’option pour illustrer à cet endroit-là? :

<img src=«URL DE VOTRE IMAGE» />

Mettez simplement l’URL de votre image à l’endroit indiqué dans le code, et votre image s’affichera.

 

Comme il n’est pas évident de se souvenir des codes, je vous ai préparé une “Cheat Sheat”, une feuille antisèche en français 🙂

Celle-ci regroupe les 10 codes de base que je trouve important, accompagnés d’une explication à chaque fois.

 

html_cheat_sheet_10_codes_debuter

 

Cette feuille se trouve dans la librairie. Rendez-vous là pour la télécharger 😉 Vous pourrez alors la garder sur votre ordinateur, et copier-coller les codes quand vous en avez besoin.

 

J’espère que cela vous sera utile. N’hésitez pas à poser vos questions dans les commentaires.

Merci d’être de plus en plus nombreux à lire les articles du blog. Bonne soirée 🙂

8 Comments

  1. Be badass 20 mai 2016

    Top merci beaucoup on sait tous ce que c’est la galère du code Merciiiii ❤️

    Répondre
  2. Audrey 21 juillet 2016

    Bonjour je suis en train de me créer mon blog et je trouve cet article très intéressant mais parmi les codes de cet article il y en a un où il est écrit que c’est pour la police d’écriture, et dans le code en lui même on voit que c’est la taille de police qu’il y ait indiqué, est-ce que ça veut dire que c’est le même code pour la taille et la police d’écriture ? Et j’aurais aussi aimé savoir comment on fait si on veut que le texte de notre article soit bien aligner des 2 côtés enfin « justifier ». Et aussi s’il était possible de changer la police d’écriture dans la Sidebar ?

    Répondre
    • Valentine 24 juillet 2016

      Bonjour Audrey!
      Il s’agit bien de taille de la police. Ce n’était pas assez clair dans le fichier, j’ai modifié cela 😉
      Pour tes deux autres questions, peux-tu me dire sur quelle plateforme tu es? WordPress, Blogger,… ?
      Merci 😉

      Répondre
      • Audrey 31 juillet 2016

        Je suis sur WordPress, et j’ai fini par trouver comment on justifier son texte mais je n’arrive pas à changer la police d’écriture que ce soit dans la Sidebar ou dans mes articles…

        Répondre
        • Valentine 31 juillet 2016

          Si tu es sur la version « .org » de WordPress, tu peux télécharger le plug-in WP Google Fonts https://fr.wordpress.org/plugins/wp-google-fonts/.
          Une fois installé, tu pourras facilement personnaliser les polices de ton blog.
          N’hésite pas à m’envoyer un mail avec l’adresse de ton blog, je pourrai t’aider plus facilement 😉

          Répondre
  3. Claire 25 novembre 2016

    Merci pour cet article très utile ! J’adore ton blog !

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *