LE HTML

Bonjour à tous.tes !

Pour plus d'ergonomie, j'ai décidé de lancer le html sur le forum ! Ce message ne concerne que les membres inscrits depuis un moment ! Si vous vous êtes inscrit après l'écriture de ce message (07/06/2021), il ne vous concerne pas ! Si vous voyez un truc bizarre au début de ce message, lisez attentivement la suite !

Le html, c'est un petit langage informatique très important et très connu sur internet. Il n'est pas trop compliqué, et permet plein de petites choses très sympathiques, qui vont grandement nous simplifier la vie...

Mais pour ça, j'ai besoin de vous ! Je ne peux pas activer le html à votre place...

Il faut que chaque membre, manuellement, aille dans son profil pour cocher la case "autoriser le html".


Voilà, j'espère que ce n'est pas trop difficile ! Vous verrez, à terme ce sera beaucoup plus simple de naviguer sur le forum

Déjà, quelque chose d'important ! Le HTML marche avec des "<" et des ">" ! Vous devez toujours écrire entre une balise ">" et une balise "<". S'il vous manque une des deux, c'est mauvais signe !

Ce qui suit n'est utile que pour les gens qui ont envie de se prendre un peu la tête, ce n'est en aucun cas obligatoire à lire et à apprendre ! Ca peut vous être utile pour comprendre certains codes que je donnerais à l'avenir, cependant.

1. Les bases

Code:

<div>Votre texte ici</div>

>> Ca, c'est une "div" ! Ca sert en gros, à marquer un paragraphe. On peut coller plein de choses, pour faire un tas de trucs jolis et complexe, mais là je vais rester simple. Si vous voyez marquer "div" dans un code, surtout, vous n'y touchez pas !

Code:

<a href="votrelien"> Titre du lien </a>

>> Ici, nous avons un lien ! Il faut remplacer "votrelien" par bah... Le lien que vous voulez mettre ! On ne touche pas au "a" ni au "href" dans le code, les deux sont très importants. Et n'oubliez pas le signe = et les "", sinon ça ne marche pas !

Code:

<img src="votreimage" />

>> Celui-là sert à mettre une image ! Vous remplacez simplement "votre image" par le lien de votre image (le premier lien à copier quand vous importez une image sur le forum).
Encore une fois, on ne touche pas au img, au src et on n'oublie pas le = et les "" !


2. Lien qui redirige vers un paragraphe.

On appelle ça une "ancre". Il suffit de copier ce code :

Code:

<div id="blabla">Votre texte ici</div>

>> Comment ça marche ? Vous remplacez "blabla" par ce que vous voulez (sans espace). Ca ne s'affichera pas, mais ça agira comme un post-it invisible ! Là, vous avez dit à l'ordinateur "met un post-it sur ce paragraphe". Comme vu précédemment, n'oubliez pas les "" et le =, et ne touchez pas à "div" et "id" !

Ensuite, ça se complique un petit peu.

Code:

<a href="liendutopic#blabla">Votre titre ici</a>

>> Comment ça marche ? Placez ce code où vous voulez mettre votre lien ! Remplacez "liendutopic" par le lien du topic où est le post-it, n'oubliez pas le #, et remplacez "blabla" par le nom de votre post-it !

Exemple : cliquez ici pour aller au début de ce sujet !