Bonjour à tous !!

Souvent, vous voyez des codes, mais vous ne comprenez absolument rien. Mais pourtant, c'est pas bien compliqué !!

Ce tuto est pour vous aider dans cet univers merveilleux qu'est le codage et.. QUOI ? C'est trop long ? Ouki j'abrège...

Le HTML est composé de balises, qui sont composé entre <>, toujours associé en Duo.
La balise de base est la "div". C'est un rectange complètement modifiable de A à Z.

Exemple :

Code:

<div></div>

Ce que je viens de vous faire ne donnera absolument rien, puisque rien de lui est demandé.

Mais le plus important, c'est que ça fasse quelque chose de jouliie !! ^^
Alors on va donner au rectangle un fond, avec la balise "background".

Exemple :

Code:

<div style="background:red">Avec un fond rouge, s'il vous plait !! ^^</div>

Ce qui donne :

Ah mais on voit presque rien !! Je préfère une police Blanche !! Pour cela, on utilisera la propriété "color"

Exemple :

Code:

<div style="background:red;color:white">On voit un peu plus claire maintenant !</div>

Ce qui donne :

Il ne faut pas oublier de séparer chaque propriété par un point-virgule ; et les "" avant et après, sinon, j'ose même pas imaginer ce que ça donnerait.

Maintenant qu'on a la couleur, il nous faudrait un rectangle de pile poil 400 pixels. La propriété correspondante est width pour la longueur, et height pour la hauteur.

Exemple :

Code:

<div style="background:red;color:white;width:400px;height:50px;">hauteur et largeur !!</div>

Ce qui donne :

Et les bords !! Nous on veut des bords !! Verts !! Et épais !!
La propriété utilisé est "border", suivit de la couleur, de l'épaisseur et de la forme.

Exemple :

Code:

<div style="background:red;color:white;width:400px;height:50px;border:green 5px solid;">gros bords verts !!</div>

Ce qui donne :

On peut changer la forme : tirets, pointillé,... Tout dépend ce que vous voulez !!

Voilà vous savez les bases !!
Si vous avez des questions, pour des autres propriétés, ou si vous n'avez tout simplement rien compris, n'hésitez pas !

Merci pour ce tuto si tu en a d'autres n'hésite pas

de rien ^^ je pense faire une deuxième partie, et ce sera le complément de div : span.

Je suis pressé de voir ^^

comment on fait pour mettre en pointillé svp

Merci, ça va me servir ! J'espère... Enfin, je veux pouvoir faire des codages, donc, j'attends ton prochain tutoriel !  

Bonne continuation :cheers: 

Pour faire les pointillés, il me semble que c'est "dashed", pas sur sur.

et merci !

Rumas j'attend tes autres tutos avec impatience

Oui oui je m'y colle... Demain ! :p
et au faite, es-ce que j'explique bien ?

oui cest un bon début j'attend ton avis sur l'event en partie staff

D'accou j'arrive !

Oh, moi qui croyais que c'étais du chinois...

Merci Rumas!

-Tiana a écrit:

Merci, ça va me servir ! J'espère... Enfin, je veux pouvoir faire des codages, donc, j'attends ton prochain tutoriel !  

Bonne continuation :cheers: 

 Pareil pour moi

Vivement que tu postes ton prochain tutoriel !

Pour le moment, c'est le tutoriel le mieux, enfin, pour les débutants, que j'ai trouver ! :geek: 

J'ai demandé sur le forum de Jade a avoir un tutoriel sur toutes les bases du codage donc prépare-toi !

Ah cool '-' J'attends tout vos tutoriels !

Merci à tous ! Ça fait très plaisir de lire tout ça !

Derien, tu le mérites ! Continues comme ça ;D

Bonsoir,

Pas mal du tout cela et bien expliquer bravo Rumas, histoire de bien préciser ::La balise div est un bloc, donc un objet rectangulaire qui ne peut être réparti sur plusieurs lignes.
Elle possède les attributs margin, padding, width, height.
Elle est précédée et suivie d'un saut de ligne.

Cordialement
Idiscut

Oui oui oui, merci d'avoir précisé ^^"

Mais de rien

moi j'attend les autres tutos ^^

Pas de souci j'en est trois récent de préparer, j'attend de savoir si ma mise en page est acceptée avant tout

tu est libre de poster des tutos amuse toi plus on aura de contenu plus les gens viendrons

Ok pas de souci