12mn de lectureVous ne connaissez rien au langage HTML. Qu’est-ce donc ? A quoi ça sert ? Comment ça fonctionne ?
Cet article vous servira de guide afin de configurer vous-même les changements HTML de base.
Économie d’argent, simplicité, tels sont les arguments à prendre en considération lors de l’apprentissage du langage basic de l’HTML.
Avant de débuter, je vais vous donner une définition rapide de l’HTML.
La balise HTML : qu’est-ce que c’est ?
La balise HTML est une bribe de code qui dit comment est géré le site web et comment il va s’afficher au sein des navigateurs internet.
Notions rapides sur le CSS
Ensuite, il convient de s’intéresser au CSS ou “Cascading Style Sheets” qui correspond à la feuille de style mettant en évidence la présentation d’une page web.
Ce langage est important car il met en avant les règles présentes dans les contenus HTML. On parle ici des bordures, des éléments, de la police, des images, …etc.
Le CSS permet ainsi de gagner du temps sur la présentation de base puisque grâce à lui, les styles sont appliqués partout dans la page HTML.
Par là, je vais vous donner quelques balises courantes utiles pour votre contenu.
Les balises HTML courantes pour la mise en page :
Comment mettre en gras ?
Pour mettre un titre, une phrase, un mot en gras sur une page web, vous devez utiliser le marqueur HTML <b>
Attention en revanche à la balise <strong> qui ne doit pas être confondue avec la balise <b>. En effet, la balise <strong> permet de renforcer vos propos, il s’agit alors plus d’une balise structurante et non juste d’un attribut de style.
Pour illustrer la phrase “c’est nouveau” en gras avec le code HTML qui lui est propre, le code sera le suivant : <b>c’est nouveau</b>
Comment écrire en italique
Pour mettre un titre, une phrase, un mot en gras sur une page web, vous devez utiliser le marqueur HTML <i>
Par exemple, si vous souhaitez rédiger la phrase “c’est nouveau” en italique, le code sera le suivant : <i>c’est nouveau</i>
Comment ajouter un lien dans votre page web ?
Vous avez des produits et vous souhaitez renvoyer les clients vers une autre page et/ou un autre site ou vous avez un partenaire et vous souhaitez rediriger vos lecteurs par un lien caché dans un mot ; la balise HREF vous permet de réaliser cette action.
Par exemple, si vous voulez que le texte “hébergeur français” soit redirigé ver le site “LWS”, cela ressemblera à l’exemple suivant :
<a href=”https://www.lws.fr”>hébergeur</a>
Ensuite, si vous souhaitez que votre lien s’ouvre dans une nouvelle fenêtre ou un nouvel onglet afin que les utilisateurs ne soient pas dirigés loin de votre site, vous pouvez ajouter des informations complémentaires dans votre balise HREF.
En reprenant l’exemple détaillé ci-dessus et en appliquant les données précédentes, l’exemple ressemblera à ceci :
<a href=”https://www.lws.fr” target=”_blank”>hébergeur français</a>
Comment ajouter une image ?
Ajouter une image permet de dynamiser et d’égayer votre contenu. Elle permet également de donner des informations visuelles sur ce qui a pu être expliqué auparavant.
Vous pouvez utiliser les fichiers photos que vous souhaitez dans la limite où vous êtes propriétaire de ces fichiers.
En effet, si vous désirez utiliser une photo trouvée sur Google Images (ou tout autre site publiant des visuels), libre à vous de les publier mais attention à la propriété intellectuelle et au copyright.
Ainsi, afin d’ajouter votre fichier visuel que vous aurez au préalable donner un titre, il convient de respecter la procédure détaillée ci-après :
<img src=”https://www.lws.fr/serveur-virtuel.jpg">
Il est intéressant également de rajouter ici que quelques notions de référencement naturel peuvent être citées.
En effet, par le nom que vous donnez à vos images, vos titres, vos liens, etc. la façon dont vous les nommez peut influencer votre position dans les moteurs de recherche.
En effet je vais reprendre l’exemple cité ci-dessus.
Le titre que j’ai donné à l’image est “serveur dédié”, mon image pourra donc se faire référencer auprès de ce mot clé.
Attention, cela ne veut pas dire que je serais automatiquement et tout de suite dans les premiers résultats des moteurs de recherche.
Retrouvez comment mettre en place une stratégie de référencement naturel en lisant l’article créé à cet effet.
Vous pouvez retrouver ici un article sur comment mettre en place une stratégie de référencement naturel.
