Tuto de Kayl n°1 - Bases des balises + types de bordures

Tuto n°1

Ce premier tutoriel de codage a pour but de vous initier aux bases.
Le HTML, c'est un langage informatique qui permet de coder des sites Internet, ou des simples fiches de RPs, prez...
Il est composé de plusieurs balises, que je vous apprendrai au fur et à mesure. Les balises d'ouvertures s'ouvrent avec < (inférieur à) et se ferment avec > (supérieur à). Les balises de fermetures s'ouvrent avec (supérieur à).

Oulah ! Compliqué ? C'est plus facile après, vous inquiétez pas x)

Les balises s'ouvrent et se ferment dans un ordre précis. Comme des poupées russes, la première ouverte est la dernière fermée, et ainsi de suite.

Exemple :

Code:

<u><b><i>Ici un texte</i></b></u>

Bon, jusque là, ça va, non ? On continue.
La balise pour créer un code est

Code:

<div style="..."> texte</div>

Maintenant, il faut définir les informations du code, la bordure, le fond...
Les différentes bordures :

solid

double

dashed

dotted

groove

ridge

outset

inset

Il faut placer le nom de la bordure entre les guillemets, après "border:" puis le faire suivre d'un ; (point-virgule).

Exemple :

Code:

<div style="border: double;">Texte</div>

Ensuite, on veut que la bordure soit rouge et épaisse ? No problem, on met la valeur en pixels (px), et on écrit le code de la couleur après le # (hashtag) en valeur hexadécimale. (voir ici, c'est un site qui donne ces valeurs )

Exemple :

Code:

<div style="border: 5px double #FF0000;">Texte</div>

Maintenant, on va ajouter le fond.
On note "background-color" la couleur de fond. Toujours entre les guillemets, on la place avant ou après la bordure, en fait on peut la placer n'importe où. L'information est toujours suivie du point virgule.
Exemple :

Code:

<div style="background-color: #CCEEFF;">Texte</div>

Ajoutons maintenant la bordure au fond :

Code:

<div style="border: 5px double #FF0000; background-color: #CCEEFF;">Texte</div>

Ici s'achève le premier tutoriel. Au prochain, j'expliquerai la suite des bases, comme régler la largeur, la hauteur, l'arrondi des coins...
Je réponds aux questions si vous en avez :D

En fond, on peut mettre une couleur en valeur hexadécimale (# et des chiffres) ou une image de fond, effectivement ^^ avec l'URL de l'image, mais je montrerai ça dans un prochain tuto :3