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 le Dim 10 Avr 2011 - 19:45

Le HTML - Comment ça marche ?

Ce tutoriel a pour but de vous initier au HTML afin de pouvoir personnaliser votre forum Forumactif. Smile

1. Introduction


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.

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

3. Les zones d’utilisation du HTML sur votre forum


Il vous est possible d’utiliser le HTML dans plusieurs parties de votre forum !


  • Dans les messages du forum – Lire le tutoriel : Activer le HTML.
  • Dans les annonces :
    Panneau d'administration Général Annonces.
  • Dans les newsletters :
    Panneau d'administration Général Newsletter.
  • Sur la page d’accueil :
    Panneau d'administration Affichage Page d'accueil | Généralités.
  • Dans les pages HTML :
    Panneau d'administration Modules 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.


Alex Fowl
+ Hyperactif +

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

http://www.aidactif.fr
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


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