Aide officieuse dans d'autres langues: Aide en Français / Centre d'aide: Généralités

Rudiments d'encodage HTML

Il y a plusieurs endroits sur ce présent site où vous pouvez faire l'utilisation de texte sans qu'il soit limité. Ces textes ne sont pas mis en forme, et les retours chariot au clavier ne rapportent pas à la ligne suivante. Pour effectuer ces derniers, les codes HTML <BR> (break) ou encore <P> (paragraph) devront être utilisés. Ce qui suit vous donne les rudiments de ce codage HTML. C'est simple et relativement facile à apprendre.
En-têtes de sections
En HTML, il y a six niveaux d'en-têtes de sections, par ordre d'importance, H1 prédomine, H2 est le suivant et ce, jusqu'à
H6 (H = heading).

Par exemple:

Les briques à Marie

Ou à en-tête plus petite :

Les briques à Marie

Code HTML :

<H1>Les briques à Marie</H1>

Ou à en-tête plus petite :

<H2>Les briques à Marie</H2>

Retours chariot
Pour faire un retour chariot (rapporter votre texte sur la ligne suivante), appuyer sur « enter » ne fonctionnera pas. Pour se faire, vous devrez utiliser le code HTML <BR> (BR = break).

Par exemple:

Votre texte ligne 1
Votre texte ligne 2

Code HTML :

Votre texte ligne 1<BR>
Votre texte ligne 2

Paragraphe
Pour crée un interligne de paragraphe, utilisez le code HTML <P>, tout comme avec le code <BR>, il est optionel de faire l'utilisation de la barre diagonale de tag de fin (</P>) (P= pararaph).

Par exemple :

Ceci est votre premier pagagraphe.

Ceci est votre second paragraphe.

Code HTML :

Ceci est votre premier pagagraphe.
<P>Ceci est votre second paragraphe.

Texte en gras
Vous pouvez mettre certains mots en caractères gras en utilisant le code HTML <B> (B = bold).

Par exemple :

BrickLink est un site extraordinaire !

Code HTML :

BrickLink est un site <B>extraordinaire</B> !

Texte en italique
Vous pouvez mettre certains mots en italique en utilisant le code HTML <I> (I = italic).

Par exemple:

BrickLink est un endroit plaisant !

Code HTML :

BrickLink est un endroit <I>plaisant</I> !

Ligne horizontale
Vous pouvez ajouter des lignes horizontales pour séparer certaines sections de votre texte en utilisant le code HTML <HR> (HR = horizontal).

Par exemple:

Section no.1


Section no.2
Code HTML :

Section no.1
<HR>Section no.2

Images
Pour insérer une image dans votre texte, utilisez le code HTML <IMG>. Il est préférable de spécifiez la largeur et la hauteur de vos images. Pour se faire, utilisez les attributs « largeur » (WIDTH) et « hauteur » (HEIGHT) à l'intérieur du tag IMG. Si vous ne spécifiez pas la largeur et la hauteur de votre image, certains navigateurs téléchargeront toute l'image avant d'afficher la page, et donc nécessite beaucoup plus de temps à charger. Vous pouvez d'ailleurs utiliser l'attibut ALT (alternate) à l'intérieur de votre tag IMG (image), ce dernier créera l'effet de survol (affichant du texte) en passant la souris sur celle-ci.

Par exemple:

Buy and Sell LEGO(R) on BrickLink

Code HTML :

<IMG SRC="/images/logos/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Buy and Sell LEGO(R) on BrickLink">

Liens
Internet a l'habileté de définir les liens (hyperliens) d'une page à l'autre, et de permettre une navigation aisée au simple clique de la souris. Les liens sont définis à l'aide du tag <A>. Dans l'exemple qui suit, nous feront montre de ceci en utilisant le lien nous menant au forum de discussion que voici : « messageList.asp ». Dans l'exemple plus bas, le texte inséré entre les tags <A> et </A> sont utilisés pour définir le lien en texte simple. Et tel que vous en avez déjà l'expérience, un lien est affiché en bleu et est souligné.

Par exemple :

Ceci est un lien à notre forum de discussion.

Code HTML :

Ceci est un lien à notre <A HREF="messageList.asp">forum de discussion</A>.

Pour créer un lien à un autre site web, vous devez utiliser l'adresse URL au complet, par exemple, pour créer un lien à www.bricklink.com, vous devrez inscrire :

Par exemple :

Ceci est un lien pour BrickLink.com.

Code HTML :

Ceci est un lien pour <A HREF="http://www.bricklink.com">BrickLink.com</A>.

Vous pouvez aussi utiliser une image pour faire un lien, elle apparaîtra avec une bordure bleue. Pour désactiver cette bordure, utilisez l'attribut « BORDER=0 » à l'intérieur du tag de l'image. Ce qui suit fait la démonstration d'une image d'un logo de Bricklink pour créer un lien nous menant à la page d'accueil :

Par exemple :

Buy and Sell LEGO(R) on BrickLink

Code HTML :

<A HREF="http://www.bricklink.com"><IMG BORDER="0" SRC="/images/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Buy and Sell LEGO(R) on BrickLink"></A>

Listes
Les listes les plus communément utilisées sont les listes pointées et les listes numérotées. Voici un exemple de liste pointée, vous voyez un point de suite devant chaque item de la liste :

Example:

J'accepte les modes de paiements suivants :

  • Chèques personnels
  • Mandats postaux
  • Argent comptant
Code HTML :

J'accepte les modes de paiements suivants :

<UL>
<LI>Chèques personnels
<LI>Mandats postaux
<LI>Argent comptant
</UL>

Voici un exemple de liste numérotée, vous voyez des nombres successifs devant chaque item de la liste :

Par exemple :

J'accepte les modes de paiements suivants :

  1. Chèques personnels
  2. Mandats postaux
  3. Argent comptant
Code HTML :

J'accepte les modes de paiements suivants :

<OL>
<LI>Chèques personnels
<LI>Mandats postaux
<LI>Argent comptant
</OL>

Tableaux
Les tableaux sont pratiques de par leurs formats pour une mise en page efficace de l'information, ils consistent d'une rangée ou plus de cellules, l'attribut « TABLE » (tableau) agi en tant que contenant des cellules. L'attribut « BORDER » (bordure) spécifie l'épaisseur de la bordure. L'attribut « TR » agi en tant que contenant pour chaque rangée du tableau. Les attibuts « TH » et
« TD » agissent en tant que contenant pour les en-têtes et les cellules respectivement. Voici un exemple :

Par exemple :

LocalisationFrais d'expédition
Europe10.00$
Amériques5.00$
Australie15.00$
Code HTML :

<TABLE BORDER="1">
<TR><TH>Localisation</TH><TH>Frais d'expédition</TH></TR>
<TR><TD>Europe</TD><TD>10.00$</TD></TR>
<TR><TD>Ameriques</TD><TD>5.00$</TD></TR>
<TR><TD>Australie</TD><TD>15.00$</TD></TR>
</TABLE>