Comprendre les bases du HTML vous aidera à développer plus de confiance lors de la gestion de votre site.

Lorsque vous souhaitez effectuer des changements de site simples, vous ne souhaitez pas externaliser la tâche toutes les fois.

Non seulement cela prend beaucoup de temps, mais il peut aussi coûter cher.

Même si vous n’avez jamais touché un morceau de code dans votre vie, vous pourrez facilement effectuer des modifications HTML à la fin de cette publication.

Un petit savoir HTML peut aller très loin.

Ce que vous devez savoir sur le HTML

HTML est également connu sous le nom de Hypertext Markup Language et est le langage de programmation principal sur lequel le Web est conçu.

Lucky pour nous, c’est aussi l’un des plus simples à apprendre.

En connaissant les commandes HTML de base, vous pourrez accomplir des choses comme:

  • Insérez et ajoutez facilement un code d’analyse à votre site.
  • Prenez en charge les problèmes d’alignement d’image.
  • Formatez correctement votre publication pour améliorer la lisibilité.

Si vous utilisez un CMS comme WordPress, vous pouvez modifier votre code HTML en cliquant sur l’onglet Texte de vos publications et pages.

 

Si vous n’utilisez pas un CMS, vous devrez localiser les fichiers HTML de votre site, qui peuvent généralement être trouvés en vous connectant à votre hôte et en localisant les fichiers de votre site.

Balises HTML communes

Pour tout code, il y a des étiquettes d’ouverture et de fermeture.

La balise d’ouverture commencera la commande et la balise de fermeture l’arrêtera.

Le texte entre les brackets d’ouverture et de fermeture sera formaté en fonction de la balise HTML que vous avez utilisée.

Cela ressemble à ceci: <p> C’est une vraie phrase. </ P>

La première balise <p> commence la séquence et elle se termine par la balise </ p>. La balise finale / dans la balise de fermeture est très importante.

Sans cette étiquette, votre code ne fonctionnera pas correctement et entraînera des erreurs de formatage.

Le fait d’être en mesure d’identifier les marques et les ouvertures de ces étiquettes vous aidera à modifier votre code mieux.

De même,  à savoir où placer certains éléments du site afin qu’ils ne finissent pas par rompre votre site.

Certaines des marques HTML les plus courantes incluent:

  • <strong> </ strong> – Cette étiquette sera en gras dans votre texte ou vos titres.
  • <em> </ em> – Cela mettra en italique votre texte.
  • <body> </ body> C’est le corps de votre document html.
  • <a> </a> – Cette balise vous permettra d’insérer des liens.
  • </ center> – Cette étiquette alignera votre texte au centre de la page.
  • <head> </ head> – Le code ici représente l’en-tête de votre site.

Il y a des dizaines d’autres balises HTML que vous pouvez utiliser pour modifier votre site.

Ci-dessous, nous vous montrerons comment utiliser ces balises HTML communes.

Rubriques HTML

L’un des conseils de formatage les plus populaires lors de l’écriture sur le Web est d’organiser votre texte à l’aide de différentes rubriques.

Ceux-ci vont diminuer de taille et aident à donner à votre publication une structure logique.

Les titres les plus courants que vous utiliserez sont les suivants:

  • <h1> </ h1> – Cette étiquette englobe généralement votre page ou votre titre de publication.
  • <h2> </ h2> – Vos principaux titres dans la publication utiliseront généralement la balise h2.
  • <h3> </ h3> – Les titres dans la balise h2 utiliseront la balise h3.

L’utilisation de la structure de titre ci-dessus donnera à votre publication une structure logique et facilitera la tâche de vos lecteurs pour trouver l’information qu’ils recherchent.

HTML conseils et astuces pour les débutants

Maintenant, il est temps de vous montrer comment mettre l’information ci-dessus au travail.

Ci-dessous, vous apprendrez comment formater correctement votre texte à l’aide des balises HTML mises en évidence ci-dessus.

Mise en forme de vos polices

Si vous souhaitez que certaines parties de votre texte se démarquent, les étiquettes ci-dessous vous aideront.

Vous apprendrez à lire en gras, en italique et à souligner votre texte existant.

  • <strong> </ strong> – Cela sera audacieux dans votre texte.
  • <em> </ em> – Cela mettra en italique votre texte.
  • <u> </ u> – Cela soulignera votre texte.

Les balises ci-dessus peuvent être utilisées dans vos balises de paragraphe existantes pour modifier le formatage de certains mots et phrases et ressembleront à ce qui suit:

<p> Il s’agit d’une phrase qui a <strong> texte en gras </ strong>, <em> italique texte </ em>, et <u>même un peu de texte souligné </ u. </ p>

Ajouter un lien vers votre contenu

Si vous écrivez pour le Web, vous allez probablement placer de nombreux liens dans votre contenu.Pour ajouter un lien, vous utiliserez la balise <a href>.

Vous devrez également inclure l’URL du site auquel vous souhaitez lier.

Le site auquel vous souhaitez lier apparaîtra dans les citations, tandis que le texte que vous voulez être hyperlié entrera dans les balises <a href=””> et </a>.

Ajouter une image à votre site

L’ajout d’images à votre site aidera les utilisateurs à se connecter à votre contenu et à le rendre plus intéressant à lire.

Ou peut-être souhaitez-vous ajouter quelques images sur la page d’accueil de votre site ou sur les pages.

Quelle que soit la raison pour laquelle vous souhaitez insérer une image, vous pouvez le faire avec le code ci-dessous.

La balise d’image est <img src = “”>. Notez qu’il n’y a pas de balise d’extrémité pour la commande img.

Pour localiser une image, vous devez télécharger cette image quelque part en ligne.

Si vous utilisez un CMS, vous pouvez télécharger l’image sur votre back-end, ou vous pouvez héberger l’image ailleurs, assurez-vous qu’il existe une URL active où vous pouvez visiter l’image.

Le code d’image fini ressemblera à ceci: <img src = “http://myimage.com/thisismyimage.jpg”>.

Aligner du texte

Parfois, vous souhaitez que votre texte s’aligne vers la gauche ou vers la droite, ou alignez-vous sur le centre de la page.

C’est vraiment frustrant lorsque vous essayez d’utiliser l’option d’alignement dans un éditeur et qu’ils ne fonctionneront tout simplement pas.

Avec les conseils ci-dessous, vous pourrez modifier le code HTML à la main, ce qui justifie exactement comment vous le souhaitez.

Pour aligner votre texte, vous pouvez utiliser les commandes suivantes:

  • <p align = “left”> </ p> – Cette balise alignera le texte dans les tags p.
  • <p align = “right”> </ p> – Cette balise alignera le texte dans les tags p.
  • <p align = “center”> </ p> – Cette balise alignera le texte dans les tags p.

Ajouter des blocs à votre site

Les blockquotes sont une excellente façon de briser le formatage de votre contenu et de mettre en évidence les citations d’une manière unique.

Cela aidera à créer une séparation, de sorte que les lecteurs peuvent vous dire que vous citez quelqu’un d’autre.

L’utilisation de citations de blocs est assez simple.

Ajoutez simplement les balises <blockquote> </ blockquote> à tout contenu que vous souhaitez formater.

Tout ce qui se trouve dans les étiquettes sera donné au formatage blockquote.

Ajouter des listes à puces à votre contenu

Les listes à puces vous permettront de diviser votre contenu et de créer des listes non engourdis.

Ceci est idéal pour résumer les points clés de votre contenu.

Pour utiliser des listes à puces, vous devrez utiliser la balise <ul> pour définir une liste non ordonnée et les balises <li> pour définir chaque élément de la liste.

Il ressemblera à ce qui suit:

<ul>

<li> C’est votre premier élément. </ li>

<li> C’est votre deuxième élément. </ li>

<li> C’est votre troisième élément. </ li>

</ ul>

J’espère que cet article vous permettra de connaitre certains code HTML

Je vous invite à lire cet article : Comment créer une base de connaissances WordPress?

 

 

Laisser un commentaire

%d blogueurs aiment cette page :