Pages personnelles d'Alain Caraco

HTML pour CMS

Aujourd'hui, peu de gens réalisent des sites web en écrivant tout le code HTML eux-mêmes. La majeure partie des sites web modernes sont basés sur un CMS (Joomla, Drupal...), ou un logiciel de blog utilisé comme CMS (WordPress, DotClear...). La rédaction d'une page (ou d'un billet de blog) se fait dans un formulaire d'édition en ligne. Très souvent le formulaire propose une barre d'outils permettant de faire l'essentiel de la mise en forme. Cependant, certains problèmes ne peuvent être réglés qu'en agissant sur le code HTML. L'objet de cette page est d'indiquer les principales balises utiles dans un CMS.

1. Généralités

<balise>Une balise s'ouvre et se ferme.</balise>.

Exceptions : les balises <br /> et <img />, qui contiennent leur propre fermeture.

2. Niveaux de titre

Il est important d'utiliser les niveaux de titre, qui reflètent la structure de la page et de ne pas céder à la tentation de mettre directement les titres en forme (gros caractères, gras, capitales...). C'est la feuille de style du CMS qui se chargera de réaliser cette mise en forme, automatiquement.

<h1></h1> : titre de 1er niveau (vérifier s'il n'est pas déjà utilisé par le CMS pour le titre du site)

<h2></h2> : titre de 2e niveau (vérifier s'il n'est pas déjà utilisé par le CMS pour le titre de la page)

<h3></h3> : titre de 3e niveau

<h4></h4> : titre de 4e niveau. Théoriquement, on peut aller jusqu'à 6, mais dans la pratique, on dépasse rarement 4.

3. éléments de texte

<p></p> : paragraphe

<ul></ul> : liste à puce

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

<li></li> : élement d'une liste

<a href="[mettre ici l'url, y compris http]">[mettre ici le texte cliquable]</a> : lien hypertexte

<img src="[mettre ici l'url de l'image]" alt="[mettre ici un texte alternatif dans le cas où l'image ne s'affiche pas]" title="[on peut mettre ici la même chose que pour alt]"/> : image

<blockquote></blockquote> : bloc de citation

4.Mise en forme directe

Quelques mises en forme directes peuvent parfois être utiles, à condition de les utiliser avec modération.

<strong></strong> : gras

<em></em> : italiques

<big></big> : caractères plus gros. Peut être utile pour mettre en valeur le chapeau d'un article. A n'utiliser que si cette fonction n'a pas été prévue dans le CMS.

<br /> : retour à la ligne au sein d'un paragraphe

Accueil | Haut de la page | Dernière mise à jour le 29 janvier 2016 | http://alain.caraco.free.fr