Le HTML – Comment ça marche ?

[Alex Fowl]

Le HTML - Comment ça marche ?

Le HTML (HyperText Mark-Up Language) est le langage informatique le plus utilisé sur le web. Très simple à comprendre et à apprendre, il est possible avec le HTML, de créer une page web complète facilement. Il est souvent associer avec d’autres langages comme le CSS (feuilles de style en cascade) et le JavaScript. Les balises rudimentaires Nous allons voir les balises les plus simples que vous pourrez utiliser au quotidien dans le développement de votre forum. Mettre un texte en Gras : Code: <strong>Texte</strong> Ce qui donnera : Texte Mettre un texte en italique : Code: <em>Texte</em> Ce qui donnera : Texte Souligner un texte : Code: <u>Texte</u> Ce qui donnera : Texte Barrer un texte : Code: <s>Texte</s> Ce qui donnera : Texte Mettre à gauche un texte : Code: <p align="left">Texte</p> Ce qui donnera : Texte Centrer un texte : Code: <p align="center">Texte</p> Ce qui donnera : Texte Mettre à droite un texte : Code: <p align="right">Texte</p> Ce qui donnera : Texte Justifier un texte : Code: <p align="justify">Texte</p> Ce qui donnera : Texte Taille du texte : Code: <font size="X">Texte</font> (Remplacer X par un nombre.) Ce qui donnera : Texte Texte Changer la police d’un texte : Code: <font face="X">Texte</font> (Remplacer X par une police d’écriture, vous pouvez en mettre plusieurs à la suite en les séparant d’une virgule , si une personne qui visite votre page n’a pas la première police installée sur son ordinateur, ce sera la suivante qui sera utilisée et ainsi de suite par exemple : Times New Roman, Tahoma, Arial.) Ce qui donnera : Texte Couleur du texte : Code: <font color="X">Texte</font> (Remplacer X par une couleur en anglais ou par un Code couleur (héxadécimal) par exemple pour le rouge : red ou #FF0000.) Ce qui donnera : Texte Il faut savoir qu’il est possible via le CSS de remplacer ces balises de présentation du texte ! Un lien URL : Code: <a href="X">Texte</a> (Remplacer X par votre lien url : http://www.monlienurl.com ) Ce qui donnera : Texte Une image : Code: <img src="X" /> (Remplacer X par le lien url de votre image : http://www.monlienurl.com/monimage.jpg ) Ce qui donnera : Un saut de ligne : Code: Forum<br>Actif Ce qui donnera : Forum Actif Une liste : Code: <ul><li>ForumActif</ul> Ce qui donnera : ForumActif Un tableau : Code: <table border="1"><tr><td>Forum</td><td>Actif</td></tr><tr><td>C’est</td><td>Super !</td></tr></table> Ce qui donnera : Forum Actif C’est Super ! Les zones d’utilisation du HTML sur votre forum Il vous est possible d’utiliser le HTML dans plusieurs parties de votre forum, et notamment les suivantes : Dans les messages du forum – Lire le tutoriel : Activer le HTML. Dans les annonces : Panneau d'administration  Général  Messages et emails - Annonces Dans les newsletters (package uniquement) : Panneau d'administration  Général  Newsletter - Écrire et envoyer Sur la page d’accueil : Panneau d'administration  Affichage  Page d'accueil - Généralités Dans les pages HTML : Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML Apprendre le HTML Pour aller plus loin, voici quelques sites pour apprendre le HTML. Alsacréation - Le HTML. OpenWeb - Les standards du HTML. Code Academy - Les fondamentaux Open Classrooms - Votre première page web en HTML Et retrouvez également notre tutoriel sur le code CSS: Tutoriel sur le CSS - Feuilles de style en cascade.

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Alex Fowl. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.