Graficat
Bonjour et bienvenue!
Je t'invite à te connecter ou as t'enregistrer si tu veux pouvoir accéder à la totalité du forum!
Merci d'avoir visité le forum^^

Bonne journée, bonne continuation et bon rps!

Apprendre à coder 1: Les balises HTML

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

Apprendre à coder 1: Les balises HTML

Message par Eternity le Mer 7 Sep - 6:46

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:

Titre


Sous-titre 2



blablabla?



Sous-titre 3



Texteeeeeheu




<

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~


Dernière édition par Eternity le Mer 7 Sep - 17:17, édité 1 fois
avatar
Eternity
Fondatrice bipolaire

Pas depuis l'arrivée : 52
Date d'arrivée à Graficat : 24/09/2015
Puf : Eien, Dreamy
Grade : Chef

Voir le profil de l'utilisateur http://graficat.forumrpg.org

Revenir en haut Aller en bas

Re: Apprendre à coder 1: Les balises HTML

Message par Eternity le Mer 7 Sep - 16:49

Quelques balises ajoutées~

_________________
I'm a good-good-good girl who needs a little company...
avatar
Eternity
Fondatrice bipolaire

Pas depuis l'arrivée : 52
Date d'arrivée à Graficat : 24/09/2015
Puf : Eien, Dreamy
Grade : Chef

Voir le profil de l'utilisateur http://graficat.forumrpg.org

Revenir en haut Aller en bas

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