Invité Bienvenu(e) à toi parmi nous !!!
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 [HTML] Les bases du HTML - partie 1 : La div

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

Invité
avatar

MessageSujet: [HTML] Les bases du HTML - partie 1 : La div   Lun 1 Juil - 13:05

Bonjour à tous !! Very Happy

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 :
Avec un fond rouge, s'il vous plait !! ^^


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 :
On voit un peu plus claire maintenant !


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 :
hauteur et largeur !!


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 :
gros bords verts !!


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

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 !
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 1 Juil - 18:34

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


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 1 Juil - 18:56

de rien ^^ je pense faire une deuxième partie, et ce sera le complément de div : span.
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 1 Juil - 19:19

Je suis pressé de voir ^^


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:09

comment on fait pour mettre en pointillé svp
Revenir en haut Aller en bas
Messages Messages : 43
Liberty'Point Liberty'Point : 3119

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:29

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

Bonne continuation :cheers: 


Merci Phil60:
 


Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:40

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

et merci ! Very Happy
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:52

Rumas j'attend tes autres tutos avec impatience Wink


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:53

Oui oui je m'y colle... Demain ! :p
et au faite, es-ce que j'explique bien ? Surprised
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:54

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


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:56

D'accou j'arrive !
Revenir en haut Aller en bas
Messages Messages : 109
Liberty'Point Liberty'Point : 3189

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 18:58

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

Merci Rumas!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages Messages : 1809
Liberty'Point Liberty'Point : 5022
Localisation : Moselle

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:03

-Tiana a écrit:
Merci, ça va me servir ! J'espère... Enfin, je veux pouvoir faire des codages, donc, j'attends ton prochain tutoriel ! SmileLike a Star @ heaven 

Bonne continuation :cheers: 

 Pareil pour moi Razz

Vivement que tu postes ton prochain tutoriel !




Mon Smiley:
 


Ma Signature:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages Messages : 43
Liberty'Point Liberty'Point : 3119

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:05

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


Merci Phil60:
 


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages Messages : 1809
Liberty'Point Liberty'Point : 5022
Localisation : Moselle

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:06

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




Mon Smiley:
 


Ma Signature:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Messages Messages : 43
Liberty'Point Liberty'Point : 3119

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:09

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


Merci Phil60:
 


Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:11

Merci à tous ! Ça fait très plaisir de lire tout ça ! Very Happy
Revenir en haut Aller en bas
Messages Messages : 43
Liberty'Point Liberty'Point : 3119

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 8 Juil - 19:33

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


Merci Phil60:
 


Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 0:20

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
Revenir en haut Aller en bas

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 6:00

Oui oui oui, merci d'avoir précisé ^^"
Revenir en haut Aller en bas

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 9:46

Mais de rien
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 10:06

moi j'attend les autres tutos ^^


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 10:16

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
Revenir en haut Aller en bas
Messages Messages : 2041
Liberty'Point Liberty'Point : 6066
Age : 18

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 10:47

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


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://libertypub.topsujet.com

Invité
avatar

MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   Lun 15 Juil - 11:30

Ok pas de souci
Revenir en haut Aller en bas

Contenu sponsorisé


MessageSujet: Re: [HTML] Les bases du HTML - partie 1 : La div   

Revenir en haut Aller en bas
 

[HTML] Les bases du HTML - partie 1 : La div

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Afficher un code HTML sur une page html créé.
» Supprimer les erreurs HTML
» Html ne marche pas
» validation de mon forum avec un fichier html
» Comment activer le HTML ??

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: AIDES AUX FORUMS :: Tutos Codages-