Blogueur, aujourd’hui, je veux vous présenter quelques codes html qui je pense, pourraient vous être utile.

Ces codes vous aideront sûrement pour la mise en page et la présentation de vos blogs. Si vous n’êtes pas féru de codes et de tout le tralala technique de l’informatique, un simple copier-coller de ces codes fera l’affaire.

Suivez le guide.

 

code-html

 

Mais avant, qu’est-ce que le code html ?

C’est quoi un code html ?

Je vous aurais ramené au dictionnaire du blogging, mais pas grave, je le définirai ici encore.

Au passage, pour ceux qui n’ont pas encore le dictionnaire du blogging, je vous invite à aller le télécharger gratuitement en cliquant ici.

Pour faire simple, le html est le langage de base de création de page web.

Le code html est la syntaxe utilisée pour la création de ces pages web. Il est composé essentiellement de balises qui jouent chacune un rôle particulier. Il commence généralement par une balise d’ouverture de la forme <  >, et se termine par une balise de fermeture, du style < />.

 

Dans cet article, je vous en présenterai quelques-unes.

Une chose est importante à retenir : Autant on n’a pas besoin d’être électricien pour changer une ampoule, autant on n’a pas besoin d’être cuisinier pour faire cuir une omelette ou préparer une sauce, autant on n’a pas besoin d’être informaticien pour être blogueur.

Le processus de blogging est facilité par l’utilisation de CMS comme WordPress qui offre des éditeurs visuels. Ces éditeurs visuels favorisent la rédaction d’article et leur mise en page : « Vous voyez ce que vous saisissez ».

 

Mais pourquoi a-t-on donc besoin d’utiliser les codes html ?

On a quelques fois besoin de toucher au code html pour:

–          La mise en page des widgets,

–          La mise en forme du thème,

–          L’ajout des boutons à des pages de ventes,

–          La mise en page de graphiques et de vidéo,

–          Etc.

 

Quelques balises de base

Centrer un texte :

<CENTER> Texte à centrer </ CENTER > ou <DIV ALIGN= ‘’CENTER’’> Bloc de texte à centrer </DIV>

 

Mise en forme de caractère

Mettre un texte en gras :

<STRONG> Texte en gras</STRONG> ou <B>Texte en gras </B>

Mettre un texte en italique:

<I> Texte en italique </I> ou <EM> italique </EM>

Forme du caractère :

<H1> Ce texte est en gros caractère </H1>

<H2> Ce texte est en gros caractère </H2>

La valeur numérique suivant la lettre ‘H’ décrit la grosseur du texte. Plus elle est petite, plus le texte est gros.

Saut de ligne :

<BR>.

Pour cette balise, il n’y a pas de balise de fermeture.

Paragraphe :

<P> Bloc de texte </P>

Insertion d’image :

<IMG SRC= »l’url de l’image à insérer »>.

Pour cette balise image, il n’y a pas de balise de fermeture

Création de lien :

<A HREF=’url du lien’> Le lien </A>

Regardez comment je mets un lien sur le dictionnaire du blogging par exemple

<a href= »http://leblogueurutile.com/dictionnaire-blogging-2 »> Allez télécharger le dictionnaire du blogging </a>.

Et c’est comme ça que ça s’affiche : Allez télécharger le dictionnaire du blogging.

 

Les balises, il y en a des dizaines mais je vais m’arrêter là.

Vous n’êtes pas obligé de les connaître par cœur, mais il vous faudra au  moins savoir les reconnaitre quand il s’agira d’effectuer certaines opérations dans votre code source.

Dites-moi, avez-vous des codes que vous voulez savoir ou partager. Dite le moi dans les commentaires.