Le HTML – Comment ça marche ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Le HTML – Comment ça marche ?

Message par Alex Fowl Dim 10 Avr 2011, 19:45

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 :
    Le HTML – Comment ça marche ? Helpmo10

  • 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 :
    ForumActif
    C’estSuper !


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 Le HTML – Comment ça marche ? 2398224970 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:
Tuto Tutoriel sur le CSS - Feuilles de style en cascade.

avatar

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum