Lexique html

Lexiques, tutos & outils

Petit lexique HTML pour les nuls

Parlez-vous HTML, XHTML, balise, meta ?

L’html est le langage le plus couramment utilisé sur le web. Pour autant il effraie beaucoup de non-initiés. On a tendance à penser que ce langage est une science réservée à quelques techniciens. Pourtant, aujourd’hui, l’html s’invite dans tous les métiers du web. C’est un nouveau langage incontournable à l’heure ou tout ou presque est web ! Au même titre que l’anglais, connaître a minima quelques rudiments de code est peut-être un nouveau basique pour tout collaborateur. Voici un lexique, abordable, pour découvrir et comprendre le langage HTML.

Les balises les plus courantes

Comme dans tout texte, vous devez hiérarchiser les informations, vos paragraphes. Pour cela, en code, on utilise des balises. Les balises se repèrent facilement, elles s’ouvrent, contiennent du texte, et se referment plus loin : < votre texte > Bien évidement vous n’avez pas besoin de connaître toutes les balises par cœur, on a tendance à utiliser un nombre de balises restreint. Voici les principales :

Les titres :

<h1> Votre titre, à soigner pour votre référencement naturel car c’est celui qui sera reconnu comme le plus important par les moteurs de recherche </h1> 

<h2> Votre titre de deuxième niveau, de paragraphe </h2>

Et ainsi de suite jusqu’à <h6> </h6> 

Structure et habillage :

<div> </div> : définition de blocs de paragraphe

<span></span> : habillage d’éléments

Les éléments de texte :

<p>  </p> : pour créer les paragraphes

<ul> </ul> : liste à puce

<ol> </ol> : liste numérotée

<a href= » »> Votre lien hypertexte </a> 

<blockquote></blockquote> : bloc de citation

<strong> </strong> : Mettre en gras

<em> </em> : Mettre en italique

<table> </table> : créer un tableau

< br /> saut de ligne

< span> </span> e s p a c e entre les lettres sans retour à la ligne

&nbsp ;  : espace

<hr > </hr> Trace un trait horizontal

La balise pour insérer une image :

<image> </code>

Codes couleurs :

<FONT COLOR=’votre code couleur’>Votre  texte</FONT> :  pour intégrer une couleur 

Blanc : #FFFFFF

Noir : #000000

Bleu : #0000FF

Rouge : #FF0000

Vert : #00FF00

Jaune : #FFFF00

Gris : #COCOCO

Violet : #8000FF

La structure d’une page web

Voyons la structure basique pour créer une page web, dans laquelle vous allez insérer vos balises :

HTML

Pour en savoir plus :

  • Toutes les balises et leur définition ici 
  • Des tutoriels en ligne pour créer votre site ici

Nos formations HTML et langage du web :