Hey! Certains savent peut-être que j'ai quelques bases en codage et que je suis présentement en train de les approfondir. Pour toutes les personnes qui souhaitent apprendre à coder, je devrais pouvoir vous aidez. Je ne suis pas spécialiste dans ce domaine, alors je ne suis pas la personne la mieux placer pour vous faire ce petit cours, mais vous pourrez apprendre doucement comment coder!

Tout d'abord, il faut savoir que les forums nous présentent trois styles de codage: le html, le css et le javascript. Nous retrouverons plus souvent du HTML, qui peut servir entre autres à coder des fiches de rp.

Les balises HTML

La "hiérarchie" du texte

La hiérarchie compte : le titre, les sous-titre et le paragraphe.

Le titre

Pour mettre un titre, il suffiit de placer les balises h1

Code:

<h1> Titre </h1>

1 car le titre est le plus haut placé de la hiérarchie du texte.

Les sous-titres

Si vous utilisez votre logique, quel chiffre indiquera les sous-titre? 2-3-4-5-6, évidemment! Plus votre chiffre est grand, l'éloignant donc du membre premier de la hiérarchie, plus votre sous-titre sera petit.

Le paragraphe

Car, bien sûr, il faut mettre du texte entre nos sous-titres! Nous utilisons alors la balise p.

Code:

<p> Paragraphe  </p>

Voici un petit exemple de hiérarchie:

Clique pour voir l'exemple:

Code:

<h1> Titre </h1>
<h2> Sous-titre 2 </h2>

<p> blablabla? </p>

<h3> Sous-titre 3 </h3>

<p> Texteeeeeheu </p>

Les styles d'écriture  

Le gras

Oui, car il ne suffit pas de simplement cliquer sur le petit bouton du haut: C'EST DU BBCODE. Nous utilisons du HTML. Pour écrire en gras, nous utilisons la balise b.

Code:

<b> Texte </b>

qui vous donnera: Texte .

L'italique

Cette fois, nous utilisons la balise i.

Code:

<i> Texte </i>

= Texte

Surligner

Une phrase importante à surligner? Les balises "mark" devraient vous aider!

Code:

<mark> Magieeee </mark>

ce qui donne Magieeee

Barrer

SERPENT =

Code:

<s> SERPENT </s>

Autres balises utiles

Je vais les montrer plus rapidement,  avec leur utilité évidemment.

Code:

<blockquote> Texte </blockquote>

permet de faire une citation :

Texte

Code:

<em>Truc </em>

Pour faire une belle emphase  Truc

Code:

<strong> Texte </strong>

Mettre en évidence un texte
Texte

Code:

<a href="lien" target="_blank"> </a>

Pour mettre des liens :3

Code:

<br />

Sert à sauter une ligne. La balise est auto fermante, contrairement à celles qu'on a vues plus tôt.

Code:

<hr />

Insère une ligne horizontale (séparation)

Code:

<img src="lien" alt="texte" title="titre" />

Vous permet d'insérer une image. Insérez le lien de l'image dans lien, un texte descriptif dans texte et un titre dans titre.

Dans l'espoir d'avoir aider quelques débutants~

Quelques balises ajoutées~